vue中 左侧导航条 多个toggleClass

      

  • @click="showToggle(item)">

       :class="{'iconfont icon-zuojiantou':item.isA,'iconfont icon-down1':!item.isA}">

      

data() {
   items: [{
    isA:true,
   },{
    isA:false,
   
}]
},

methods: {
  showToggle:function(item){
    item.isA=!item.isA;
  }

}
这样字体图标样式可以任意切换啦

 

你可能感兴趣的:(vue中 左侧导航条 多个toggleClass)