解决tab栏切换进入其子页面,返回后点击的tab状态没有了

127 阅读1分钟

image.png

今天有个需求,点击上方切换tab栏,进入待评价页面,返回以后tab的active状态不在刚刚被点击的那一栏,所以,有了以下代码: 1.tab栏目页面 我不太会总结,暂时就是这个样子

<view class="order-text" :class="{'active': index == orederIndex}">{{item.text}}</view>

onShow(){
            //3.第一次进入页面,active在全部栏目
            this.orederIndex = 0
            // console.warn('缓存的下标',uni.getStorageSync('backCss'))
            //4.存储点击时候的下标,存在本地并且获取
            this.orederIndex = uni.getStorageSync('backCss')
	},
        
        methods:{
          goOrderState(i){
                       // 1.点击tab栏的时候给样式赋值
			this.orederIndex = i
			// 2.点击tab栏的时候传递下标,存在本地
			uni.setStorageSync('backCss',i)
		   },
        }