今天有个需求,点击上方切换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)
},
}