uniapp的tabber跳转到另一个tabber页面携带参数

小凯!在努力

已于 2025-02-26 12:40:24 修改

阅读量198

点赞数 7

文章标签：前端 javascript uni-app

于 2025-02-26 12:06:18 首次发布

本文链接：https://blog.youkuaiyun.com/hsyyds666/article/details/145874908

版权

A页面

<view class="tabSelectOne" @click="ToReimburse(1)">
           <i class="iconfont icon-chalvbaoxiao" style="color: #0052d9;font-size: 20px;"></i>
           <view style="margin-top: 10rpx;">差旅报销</view>
       </view>

ToReimburse(index){
           uni.setStorageSync('index', index);
           uni.switchTab({
               url:'/pages/reimburse/index'
           })
       }

B页面

onShow() {
       if (typeof uni.getStorageSync('index') === 'string') {
           this.active=0

       }else{
           let index = uni.getStorageSync('index')
           this.active=index
           uni.removeStorageSync('index');
       }
   },

上述主要判断高亮，因为首页有两个跳转，需要切换tab组件的选中状态,所以做了这么一个传递，很丝滑,当然vueX也可以实现,但是我要做项目,没时间搞。

本来判断用的是undefined,但是报错效果不佳,改成string了,这算是计算机语言的bug,判断typeof undefined的时候被编译成string,没办法。

搬砖不易,如果觉得有用,请点赞！👍👍👍