デフォルトのクラスを追加するには：class？私は次のコードしている

：デフォルトのクラスを追加するには：class？私は次のコードしている

<div class="LngList" v-for="(lang, index) in languages"> 
    <button @click="clickOnLanguage(lang.lang, index)" :class="{'ui negative basic button' : lang.isClicked }">{{lang.lang}}</button> 
</div>

lang.isClickedがtrueの場合、それはui negative basic buttonにクラスを設定しています。しかし、値がfalseの場合、どのようにクラスを追加できますか？

出典

2017-06-25 Dmitry Bubnenkov

lang.isClickedがfalseの場合に表示するクラスを表すclassバインディングにプロパティを追加します。次に、!lang.isClickedを使用します。

:class="{'ui negative basic button' : lang.isClicked, 'other class': !lang.isClicked }"

出典

2017-06-25 16:50:03 Bert

ありがとうございます！ '：class =" {lang.style：！lang.isClicked} '？' lang.style'は 'for'繰り返しの間に取得できる値です –

@ user1432751いいえ、それはそうではないでしょうクラスオブジェクトを構築することができます。 – Bert

クラスオブジェクト？link \ exampleを教えてください。 –

デフォルトのクラスを追加するには：class？私は次のコードしている

答えて

関連する問題