Vue+Element Ui Table取消勾选的问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
今天遇到个bug,就是当我对表格里面的数据进行勾选之后,然后再进行一些操作(比如:筛选、查询等)以前勾选的数据还是在勾选状态,如果不注意,再去勾选一些数据,然后操作一些其他的操作(比如删除、上下架等)就会多传给后端数据,经过测试,发现会带入以前勾选的数据,造成的原因就是,没有将以前勾选的数据,经过一系列的操作之后清空。那么怎么清空数据?可能你想到的一个方法就是刷新表格,但是刷新表格不起作用,其次就是想到清空得到的勾选数据,但是也不起作用,最后经过对element ui table的研究发现了,clearSelection:用于多选表格,清空用户的选择。
1、在表格上操作dom元素 设置ref属性
<el-table
ref="multipleTable" //添加的代码
:data="tableData.body"
:row-key="getRowKeys" border
max-height="700"
style="width: 100%"
@selection-change="selectionChange">
</el-table>
2.当你操作某个操作时(比如:筛选、查询)
searchTableData(){
this.$refs.multipleTable.clearSelection() //清除选中的数据
},
这个时候,当你勾选了一些数据之后,然后又去筛选其他的数据时,以前勾选的数据就会清空。
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)