使用el-checkbox,要么全选要么全不选问题

使用el-checkbox,要么全选要么全不选问题_第1张图片

在使用el-checkbox实现多选框时,出现如上问题。在打开信息编辑页面时,多选框会出现点击其中一个,其他全部选中的问题。查阅资料后发现,点击一个其他的都选中或取消,就是v-model里面的是字符串,这个时候只要找到v-model里面的值为何不是数组,然后改为数组就能解决问题。

使用el-checkbox,要么全选要么全不选问题_第2张图片

然而,我十分确定我v-model中的值是一个数组...

使用el-checkbox,要么全选要么全不选问题_第3张图片

使用el-checkbox,要么全选要么全不选问题_第4张图片

使用el-checkbox,要么全选要么全不选问题_第5张图片

在多次测试后发现,是growUp字段为null时,el-checkbox并不会主动将他默认为数组

于是,在映射时进行初始化即可解决这一问题。

反思

事后在进一步研究el-checkbox过程中,阅读到了另一篇文章,https://www.cnblogs.com/w2xh/p/8260752.html

由此想到,如果按照我的解决方法,由于后续维护者不知情或者不知情者使用BeanCopy进行IgnoreNull拷贝时,非常容易产生BUG。目前我认为的更好的解决方法应该是,在使用这个字段前,在前端页面或者Service实现类中,对其进行空值赋值。

你可能感兴趣的:(BUG整理,vue.js,spring,boot)