1、直接写

<div :class='["active"]'></div>

2、传入值

<div :class='["active",color]'></div>

数组里加单引号会把变量名当做字符串处理,不加时当做变量来处理。
这里传入的color是一个变量,可以在data里面定义

data() {
    return {
      color: 'blue'
    }
  }

动态绑定的class可以和普通的class同时存在。

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐