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）