vue 2.0 點擊添加class,同時刪除同級class
效果如下: ...
最近使用vue需要實現一個點餐選擇商品規格的頁面,需要通過vue動態的給被點擊的元素添加class名字,使其變色,其他的刪除class。如圖: 開始在網上找了許多辦法發現不是太好用,最后找到一個發現還是不錯的,記錄一下 html: script: 參考:http: blog.csdn.net xiao yu liu article details ...
2017-10-26 23:36 0 25582 推薦指數:
效果如下: ...
Vue.js 的核心是一個響應的數據綁定系統,它允許我們在普通 HTML 模板中使用特殊的語法將 DOM “綁定”到底層數據。被綁定的DOM 將與數據保持同步,每當數據有改動,相應的DOM視圖也會更新。基於這種特性,通過vue.js動態綁定class就變得非常簡單 ...
https://blog.csdn.net/qq_42268364/article/details/100838468 ...
Vue.js 的核心是一個響應的數據綁定系統,它允許我們在普通 HTML 模板中使用特殊的語法將 DOM “綁定”到底層數據。被綁定的DOM 將與數據保持同步,每當數據有改動,相應的DOM視圖也會更新。基於這種特性,通過vue.js動態綁定class就變得非常簡單。 1. 數據綁定 ...
" src="js/vue.js" ></script> </head> ...
初次完成的js ...
...
原生主要有三種方法: 1、className 2、es5的classList 3、同一 setAttribute @ ...