最近使用vue需要實現一個點餐選擇商品規格的頁面,需要通過vue動態的給被點擊的元素添加class名字,使其變色,其他的刪除class。如圖: 開始在網上找了許多辦法發現不是太好用,最后找到一個發現還是不錯的,記錄一下 html: script: 參考 ...
https: blog.csdn.net qq article details ...
2020-09-21 14:03 0 756 推薦指數:
最近使用vue需要實現一個點餐選擇商品規格的頁面,需要通過vue動態的給被點擊的元素添加class名字,使其變色,其他的刪除class。如圖: 開始在網上找了許多辦法發現不是太好用,最后找到一個發現還是不錯的,記錄一下 html: script: 參考 ...
1,文件內容 ---- 使用v-for遍歷數據 ---- @click="selectSort(item)"添加點擊事件,並把每個obj=item傳入 ---- v-show="item.show",在點擊事件中,實現點擊顯示或隱藏 ---- :class="{'active ...
點擊當前標簽給其添加class,兄弟標簽class刪除 然后獲取當前點擊元素的文字 演示地址: https://xibushijie.github.io/static/addClass.html <!DOCTYPE html> <html> < ...
#####對象方法-最簡單的綁定(這里的active加不加單引號都可以,以下也一樣都能渲染) :class="{ 'active': isActive }"1判斷是否綁定一個active:class="{'active':isActive==-1}" 或者:class="{'active ...
...
" src="js/vue.js" ></script> </head> ...
1.html <ul> <li v-for='(item,index) in liList' :class='{actived:index==isactive ...