checkbox 无法限制勾选状态

Question

<div v-for="act in List">

<div id="check"><input type="checkbox" ref="cpBox" v-on:change="count(act)" ></div>

</div>

//js
var cpChk = self.$refs.cpBox //拿到checkbox的dom项,
for (let k = 0; k < cpChk.length; k++) {
if (scp[k].projectId == pj.projectId) {

    cpChk[k].checked =false 
    //关键行: 我希望条件不通过时, 不允许勾选上checkbox的框, 而是一直是未勾选的状态.他再怎么点也不行
}

}
checked=false 是不生效的, 用户照点不误. 如果使用disabled是可以,但需求不对. 求大佬指点.

Answer 1

因为vue是数据驱动试图的。你拿到的是dom上面的 =》var cpChk = self.$refs.cpBox //拿到checkbox的dom项,

实际上你要拿data(){
    return {
        // 实例数据，相当于闭包
    }

}

改变data里面的数据，才能触发试图更新。

Answer 2

disabled就是干这个事情的啊，怎么就需求不对了，你不让点，就禁用掉么