1. 程式人生 > >vue中如何將變數帶給class的屬性名

vue中如何將變數帶給class的屬性名

遇到一個需求,設想是這樣,我們需要根據不同的status給li設定樣式,那麼必須給li新增動態的class,新增方法如下:

 <li :class="setClass(item.status)" v-for="(item, index) in dataLists1" :key="index" ></li>
// 將class賦值給方法,動態生成物件
    setClass (item) {
      let obj = {};
      obj[type[item]] = true;
      return obj;
    },

PS: type 是從外引入的一個物件。


export const type = {
  1: 'red',
  2: 'yellow',
  3: 'green',
  4: 'blue',
  5: 'purple',
  all: 'pink'
}