el-table 清空单选框所选中数据

博主在做项目时遇到一个需求,如下:

这一步还是比较容易实现的,只需将两个tabel表单的数据同步即可,但是问题是,我发现每次关闭抽屉之后,选中框会自动清零,表单里的数据也随之消失了,想达到每次关闭抽屉,但是单选框依然保持我们的选择怎么办呢,:reserve-selection="true", 只需给我们的el-table-colum设置上该条属性即可。

但是下一步,我又遇到了问题,因为抽屉里和表单里的数据我是绑定在一起的,这个下拉框选择不同的数据之后,抽屉和表单的数据也会随之改变,但是呢,我又设置了上一步reserve-selection="true"这个属性,朋友们可以去试一下选择下拉框再去选抽屉里的属性,会发现出现了一个bug,数据会出现错误,那现在我的需求是,当我下拉框选择不同数据的时候,先清除单选框的选中状态,再打开抽屉进行操作

clearSelection方法用于多选表格,清空用户的选择,加上这个方法我感觉我行了,于是自信满满的打开谷歌浏览器,F12,尼玛爆红了

 在这里插入图片描述

 发现页面直接报错了,属性不明确。这就傻了,明明是根据官方文档来写的啊。改了好几次才发现,因为 Dom 没有加载完成,导致获取不到refs元素,所以报错。

可以用以下方式解决,在清除之前加一个if判断即可

 

猜你喜欢

转载自blog.csdn.net/Alan_ran/article/details/124412483