vue.js - 评估绑定到字符串的类？

Question

如果我绑定一个类：

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

它将添加上面的两个类，但是我如何将上面的类评估为字符串形式。我需要这样做，因为我使用的第三方组件只接受类属性的字符串。

编辑

我希望上面的内容能够输出：'string-class test-case-class'就像您在 :class 所在的组件上看到的那样。

标签： vue.jsvuejs2

Answer 1

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

:class="getClasses"

计算函数的位置：

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

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

{{ getClasses }}

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