vue給元素動態添加class

本文轉載自查看原文 2017-09-22 14:34 2911 vue

<p class="answerNum2" v-text="iteme.sel_num" :class="{letter: num }"></p> //自定義,如果num為true，添加letter

<p class="answerNum2" v-text="iteme.sel_num" :class="{letter: iteme.sel_num == iteme.ok_num }"></p>  如果iteme.sel_num與iteme.ok_num相等，添加letter為true，添加letter

<p class="answerNum2" v-text="iteme.sel_num" :class="{letter: textIndex == index }"></p>自定義textIndex 如果textIndex 與index 相等，添加letter為true，添加letter

<p class="answerNum2" v-text="iteme.sel_num" :class="{letter: iteme.sel_num == iteme.ok_num, errorLetter: iteme.sel_num != iteme.ok_num}"></p> 如果iteme.sel_num與iteme.ok_num相等，添加letter為true，添加letter，如果iteme.sel_num與iteme.ok_num不相等，添加letter為true，添加errorLetter

<p class="answerNum2" v-text="iteme.sel_num" :class="{iteme.sel_num == iteme.ok_num ？letter：errorLetter}"></p>  如果iteme.sel_num與iteme.ok_num相等，添加letter為true，添加letter，如果iteme.sel_num與iteme.ok_num不相等，添加letter為true，添加errorLetter

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Vue中動態添加多個class vue中動態添加樣式 :style 和 :class Vue點擊當前元素添加class 去掉兄弟的class vue 點擊當前元素添加class 去掉兄弟的class vue 點擊當前元素添加class 去掉兄弟的class Vue 中動態添加class（使用v-bind:class） vue中v-bind:class動態添加class vue 點擊當前元素添加class 去掉兄弟的class 獲取當前點擊元素的文字 vue動態添加當前事件下的class VUE實現點擊文字添加顏色（動態修改class）