How to concat text class with Vuejs 2

Question

How do I dynamically concat a text with vuejs 2

Here is what I have now:

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

account.Segment == "ABC"

What I need rendered is that

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

Answer 1

Here is one possible way.

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