评估绑定到字符串的类?

时间:2018-11-20 16:43:22

标签: vue.js vuejs2

如果我绑定课程:

:class="['string-class', {'test-case-class': true}]

它将添加以上两个类,但是如何将上面的类评估为字符串形式。我需要作为第三方组件来执行此操作,因为我仅使用class属性的字符串。

编辑

我希望上面的代码能够输出:'string-class test-case-class',就像您在:class打开的组件上看到的那样。

1 个答案:

答案 0 :(得分:0)

您可以将类绑定到函数,而不是文字。例如:

:class="getClasses"

函数的计算位置:

computed: {
    getClasses: function() {
        return 'string-class test-case-class'
    },

然后可以像使用其他任何计算函数一样使用它:

{{ getClasses }}

应显示字符串文字'string-class test-case-class'。