当前位置: 移动技术网 > IT编程>网页制作>CSS > vue中如何将变量带给class的属性名

vue中如何将变量带给class的属性名

2018年09月13日  | 移动技术网IT编程  | 我要评论

vue中如何将变量带给class的属性名

遇到一个需求,设想是这样,我们需要根据不同的status给li设置样式,那么必须给li添加动态的class,添加方法如下:
 
// 将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'
}

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网