vue動態綁定class實現點擊切換效果

vue動態綁定class以及實現點擊切換效果
記錄一下vue:
如果是單獨的按鈕,可以直接再data裏面定義一個關聯狀態的值clickButton

<button :class="( clickButton=== true ? 'active' : '')">

如果我們是循環的,判斷一下循環的item的code是否等於下面定義的changeTabsBtnActive,然後每次點擊的時候,我們根據item的值改變changeTabsBtnActive 的值,就能實現了

<button :class="( changeTabsBtnActive === item.code ? 'active' : '')">
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章