1. table 组件的 checkbox 多选框
由于业务需要,我们希望手动的切换多选框的选中状态(例如点击一行选中或取消),根据官方文档,给数据项设置特殊 key _checked: true 可以默认选中当前项。
坑: 给data设置_check的属性。 _checked 属性会影响 checkbox的选中状态。但是checkbox的选中状态不会影响_check 属性
iview 官方文档说:@on-selection-change,只要选中项发生变化时就会触发,返回值为 selection 已选项。
实现效果并不是这样的,而是:
用程序设置_checked=true后,并不会触发该事件。也不会触发on-select-cancel 和on-select。只有通过鼠标再次点击checkbox,才会触发上述三项事件。虽然最后参数中的selection是正确的。
解决方案:用程序切换某一行的选中状态,需要调用函数this.$refs.xxx.toggleSelect(i),调用该函数后,会触发on-select-cancel 、on-select、on-selection-change事件。