Vue中的checkbox組件非常常見,但有時候我們需要取消checkbox的選擇狀態。下面介紹幾種實現方式。
簡單粗暴的方法是直接設置checkbox的checked屬性為false。
document.getElementById("myCheckbox").checked = false;
VUE的做法是在上綁定一個v-model,然后在checkbox對應的data屬性上設置為false。
data: { myCheckbox: true }, methods: { cancelCheckbox() { this.myCheckbox = false; } }
另一種方法是使用v-on指令監聽click事件并阻止默認事件,再在checkbox對應的data屬性上設置為false。
data: { myCheckbox: true }, methods: { cancelCheckbox() { this.myCheckbox = false; } }
以上是幾種常用的方式,根據具體情況選擇應用。
上一篇c json序列化操作
下一篇python 改大小寫