如何用js或者.vue里面声明的变量作为less的动态类名

Question

比如：在.vue里面声明了一个变量

 data () {
    return {
        lessCls: 'textCls'
    }
 }

然后我在.less文件里面如何使用这个变量才能自动渲染为如下的形式：

  .textCls {}

Answer 1

直接绑定class数组即可：

:class="[textCls]"