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

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

程序员文章站 2023-10-27 16:13:46
vue中如何将变量带给class的属性名 遇到一个需求,设想是这样,我们需要根据不同的status给li设置样式,那么必须给li添加动态的class,添加方法如下: // 将class赋...

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