![vue给元素动态添加class vue给元素动态添加class](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
<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