遇到一个需求,设想是这样,我们需要根据不同的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'
}

 

Logo

前往低代码交流专区

更多推荐