elementUI clearSelection属性报错 Cannot read property ‘clearSelection‘ of undefined“

接到客户一个需求,点击操作按钮时,table的选择框不要去掉,只有查询的时候才给去掉。

当时想到可以用elementUI的
:reserve-selection=“true” 属性,配置row-key="id"来设置不去除复选框。
但这样就定死了 查询也不会刷新复选框。

想着把属性:reserve-selection定成可变参数

elementUI clearSelection属性报错 Cannot read property ‘clearSelection‘ of undefined“_第1张图片值设置为可变的,只有查询的时候把值改成false。
实际效果显示,这种方式不可行。

那就再换一种方式
clearSelection。文档中是这么说的
elementUI clearSelection属性报错 Cannot read property ‘clearSelection‘ of undefined“_第2张图片这样设置的话,看看效果

elementUI clearSelection属性报错 Cannot read property ‘clearSelection‘ of undefined“_第3张图片
在这里插入图片描述用这个方法来清掉table的复选框。
这次再试下效果

elementUI clearSelection属性报错 Cannot read property ‘clearSelection‘ of undefined“_第4张图片发现页面直接报错了,属性不明确。这就傻了,明明是根据官方文档来写的啊。改了好几次才发现,因为 Dom 没有加载完成,导致获取不到refs元素,所以报错。

可以用这两种方式去解决
elementUI clearSelection属性报错 Cannot read property ‘clearSelection‘ of undefined“_第5张图片
elementUI clearSelection属性报错 Cannot read property ‘clearSelection‘ of undefined“_第6张图片

你可能感兴趣的:(elementUI)