<ul>
<li v-for='item in items' @click="showToggle(item)">
<i :class="{'iconfont icon-zuojiantou':item.isA,'iconfont icon-down1':!item.isA}"></i>
</li>
</ul>
data() {
items: [{
isA:true,
},{
isA:false,
}]
},
methods: {
showToggle:function(item){
item.isA=!item.isA;
}
}
这样字体图标样式可以任意切换啦