el-checkbox绑定了v-model却不能响应
<el-checkbox
style="transform: translateY(50%);"
v-model="option.isDefaults"
:label="''"
@click.prevent.native="setDefaultOption(index)"
></el-checkbox>
看到我这里使用v-model
绑定了一个属性,但是当这个属性变为true
的时候checkbox
也不会是选中状态,后来查阅别人的文章,发现可能是我没有绑定label
,别人的文章中说到,绑定了v-model
却不能正常响应的原因是因为label
绑定的值必须是要string
,而我这里却连绑定都没绑定,后来加上了label
之后checkbox
就可以正常响应了。
el-checkbox绑定点击事件会有两次回调
由于一些特殊的需求,我需要对checkbox
绑定点击事件,但是绑定之后我发现并不能响应绑定的函数,后来找到是需要使用.native
来绑定事件,然后新问题又来了,绑定的回调函数会被调用两次,我使用了.stop
阻止其冒泡并没有用,后来才找到是需要使用.prevent
,这样就可以只触发一次了,但是原理不详,需要注意的是,如果使用了.prevent
,点击的时候checkbox
就不会被选中了,需要在点击回调函数里面手动将checkbox
绑定的对应属性置为true
才能改变checkbox
的选中状态。