在用uniapp开发微信小程序的时候遇到的坑(技术栈 vue),在正常的vue文件里,我们动态绑定class见下端代码
<template>
<div
v-for="(item,index) in arr
:key="item.id"
:class="item.choose ? 'activeItem' : 'item'"
@click="swicthTag(item)">
{{item.name}}
</div>
</template>
<script>
export default {
data:function(){
return {
arr:[
{
name:'标签1',
id:1,
choose:false
},
{
name:'标签2',
id:2,
choose:false
}
]
}
},
methods: {
swicthTag(item) {
item.choose = !item.choose;
}
}
}
但是在微信小程序里不生效,查了很多资料也没有解决,后来突发奇想,真的遇到不可思议的问题就是想到啥就试试啥,哈哈哈哈哈哈哈哈哈哈,不说了 上代码
switchTag(item,index) {
this.arr[index]['choose'] = !this.arr[index]['choose];
this.$forceUpdate();
}
完美解决!我想这只是解决办法的一种,大家如果有更好的方法求留言