element-ui之el-checkbox遇到的一些问题

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的选中状态。