如何使用Vuejs 2连接文本类

Question

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

这就是我现在拥有的:

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

account.Segment =="ABC"

我需要渲染的是

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

Answer 1

这是一种可能的方式.

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