今天在做筛选的时候，遇到一个问题
比如页面是这样的
王少铮<view class="list1">
<view class="list1-1" v-for="(item,index) in list_one" :key="index">
<text class="tit">{{item.title}}</text> <text>{navIdx}</text>
<view class="inv-h-w">
<view class="inv-h" :class="navIdx == index?'inv-h-se':''" @click=changeTab(index)>
</view>
</view>
</view> <br/> //navIdx默认是0 <br/> changeTab(index) {
this.navIdx = index; console.log(this.navIdx)
},<br/> 比方说点击第二个分类，此方法执行之后打印出来的this.navIdx变成了1，但是页面上输出的navIdx还是0，导致样式未执行，只需要加一个手动刷新即可
changeTab(index) {
this.navIdx = index;
this.$forceUpdate();
console.log(this.navIdx)
}, 
0
原创©本文章为王少铮原创，未经许可，禁止转载
联系我
0条评论