vue 之迴圈添加不同class

標籤：col   vue   動態添加   code   err   不同   直接   span   條件   

在vue中按條件為class動態添加直接使用:class="[{ active: isActive }, errorClass]"之類的運算式就可以

但是如果我們要為一個迴圈列表按條件添加不同的class又如何寫呢

其實也很簡單，我們只要把class按字串拼接起來就可以了

<div class="section" :class="‘pages‘+item.activeClass" v-for="(item,index) in anchors"></div>data(){  anchors: [          {            page:‘page1‘,            activeClass:‘1‘,          },          {            page:‘page2‘,            activeClass:‘2‘,          },          {            page:‘page3‘,            activeClass:‘3‘,          }        ],  }

 

vue 之迴圈添加不同class