element ui 使用checkbox（多选框）遇到的问题总结

功能就是这样  多选

遇到的问题有两个：

第一个是编辑的时候获取数据，checkbox没有被选中；

第二个是 编辑的时候，取消选择之后，数据还是提交给后端了（这个问题和第一个问题是相关联的）

 

第一个问题，返回了数据，checkbox没有被选中（这个问题怪我自己没有仔细看文档）

当后端返回数据之后，要通过设置checked属性，来手动设置复选框的选中状态，像下面这样

 

第二个问题  取消选择之后，数据还是提交给后端了

因为第一个问题，设置了checked的状态之后，如果是true，会自己把这个选项添加到绑定的值的数组里面，所以你看见的是重复的数据，像下面这样，后面这一条是组件自己加上去的，

这时候你取消选择，这条数据还是在的，所以取消选中没有效果，还是会把这个数据提交给后端，

所以在编辑的时候，我们绑定在组件上的值，实际上绑定一个空数组就好了，因为你给组件设置过checked状态之后，组件会自己把选中的值，加到数组里面的。