Vuejs2 如何使用Vuejs 2连接文本类

如何使用vuejs 2动态连接文本

以下是我现在拥有的：

<span class="label" :class="label-{{account.Segment}}">{{account.Segment}}</span>

{{account.Segment}

科目.段==“ABC”

我需要的是

<span class="label label-ABC">ABC</span>

ABC

这里有一种可能的方法

<span class="label" :class="'label-' + account.Segment">{{account.Segment}}</span>

{{account.Segment}

您可以使用字符串数组添加更多类

computed: {
  classNames() {
    // add more logic here
    let classNames = ['label'];
    classNames.push(`label-${this.contextType}`);
    return classNames;
  },
},

然后你可以像这样使用它

<div :class="classNames">
...
</div>

...