VueJsのテンプレートに属性を追加する

Question

クラスlabel-dogがあるとしましょう。

たとえば、VueJs要素のようにクラスを宣言したいとします。

<img :class="type" >

動物のクラスは、私はクラスに "ラベル=" の部分を追加するにはどうすればよい

data: { type: dog }

のようなものであることでは？これには構文がありますか？あなたはそれをこのように行うことができます

Answer 1

：

computed: { 
    fullClass() { 
    return 'label-'+ this.type; 
    } 
}, 

を：

<img :class="'label-' + type" > 

をまた、あなたのクラスを '構築' するために計算されたプロパティを定義することができます