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'
    }

     

    你可能感兴趣的:(vue+element,vue,js)