vue中 左侧导航条 多个toggleClass

<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;
　　}
}
这样字体图标样式可以任意切换啦