本人在做项目过程中,用到switch button(CheckBox改造的)组件,开始时写如下代码,标签上明明有checked= checked属性,但是,就是不打勾。
add_prop() {
console.log(this.num)
if (this.num == 0) {
document.getElementById('aaaa').setAttribute('checked', 'checked')
this.num = 1
} else {
document.getElementById('aaaa').removeAttribute('checked')
this.num = 0
}
},
经过一整晚的思考,探索,代码改成如下:
add_prop() {
console.log(this.num)
if (this.num == 0) {
// document.getElementById('aaaa').setAttribute('checked', 'checked')
document.getElementById('aaaa').checked = true
this.num = 1
} else {
// document.getElementById('aaaa').removeAttribute('checked')
document.getElementById('aaaa').checked = false
this.num = 0
}
}
原来,CheckBox里面自带checked属性,不需要额外添加,所以只需要选择元素,然后对checked属性赋值就行了。
白瞎我一晚上时间,还好搞出来了!!!