菜鸟求助vue :class 多条件多重class 有没有简便点的方法?
发布于 2个月前 作者 qwer17395 423 次浏览 来自 问答

比如我有一个div 标签 根据数据 不同 有很多种class 例

QQ截图20180511110855.jpg 以上这两条一样 当只有一条的条件时 写起来很简便 但是当合在一起(这两个例子的判断全部都要满足) 就变得好复杂的感觉 有没有简便点的写法 就是那种字符串拼接一样的 满足某个条件 class += ‘xxx’ 这种

4 回复

class绑定computed吧 根据不同情况return不同的class

@lynan 请问一下要怎么写 不是很懂 能不能举个例子 谢谢~!

第一个 :class="type(item)"

methods: {
  type (item) {
    if (item.type === 1) {
      return 'add'
     } else if (item.type === 2) {
         return 'remove'
       }
   }
}
回到顶部