vue中动态绑定数组

1、直接写

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

2、传入值

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

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

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

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


版权声明:本文为qq_45524754原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。