欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue中多个变量带给class的属性名

程序员文章站 2022-04-21 22:26:32
...

class可以绑定对象数组和函数

class还可以和静态的class共存

 <li class="cla1" :class="setClass(item.status)" v-for="(item, index) in dataLists1" :key="index" ></li>
// 将class赋值给方法,动态生成对象
    setClass (item) {
      let obj = {};
      obj[type[item]] = true;
      return obj;
    },
 
export const type = {
  1: 'red',
  2: 'yellow',
  3: 'green',
  4: 'blue',
  5: 'purple',
  all: 'pink'
}
相关标签: 前端技术