vue中如何将变量带给class的属性名
遇到一个需求,设想是这样,我们需要根据不同的status给li设置样式,那么必须给li添加动态的class,添加方法如下:<li :class="setClass(item.status)" v-for="(item, index) in dataLists1" :key="index" ></l
·
遇到一个需求,设想是这样,我们需要根据不同的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'
}
更多推荐
已为社区贡献3条内容
所有评论(0)