关于checkbox标签已有checked=checked属性但是不显示勾选问题【亲测好用】

本人在做项目过程中，用到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属性赋值就行了。

白瞎我一晚上时间，还好搞出来了！！！