ElementUI 获取el-table表格选中行信息及清除选中行

表格

<el-table :data="tableData" border style="width: 100%" ref="multipleTable"><el-table-column type="selection" width="40" align="center"></el-table-column>                        <el-table-column type="index" label="序号" width="50" :index="indexMethod" align="center"></el-table-column><el-table-column prop="displayName" label="中文名称" min-width="110" align="center"></el-table-column><el-table-column prop="name" label="英文名称" min-width="110" align="center"></el-table-column>
</el-table>

this.$refs.multipleTable.selection 获取表格选中行信息

var data = this.$refs.multipleTable.selection;

用于多选表格，清空用户的选择

this.$refs.multipleTable.clearSelection();

ElementUI 获取el-table表格选中行信息及清除选中行相关推荐

Element-UI中关于table表格的那些骚操作
最近的项目中使用到element-ui组件库,由于做的是后台管理系统,所以经常需要操作表格,编辑样式的过程中遇到一些问题,官网针对table给出了很多的api,自己可以自定义,基本能满足产品需求,但是 ...
使用Element-UI中的Table表格组件制作多级表头
多级表头是表格相关需求中常见的一种场景.数据结构比较复杂的时候,可使用多级表头来展现数据的层次关系. 通过仔细阅读Element-UI官方文档,发现,通过嵌套el-table-column的方法,可以 ...
Ant Design Vue table表格点击行选中多选框
参考官方文档,实现点击行选中前边的多选框 <template><div><a-table :rowSelection="{selectedRowKeys: se ...
elementUI使用之table表格如何给行元素添加点击事件
官方文档提供的event事件在代码中绑定事件在methods中写方法好了,这样就可以实现了.
bootstrap table表格点击行checkbox勾选或取消勾选
加上下面属性可以实现点击行操作checkbox clickToSelect: true,
elementui中得table表格图片放大
<el-table-column label="商品图片" prop="pcoverimg" align="center" width ...
Element-UI table表格自定义样式
Element-UI中关于table表格的样式操作自定义列的内容: 需求:在表格最后一栏添加操作按钮通过slot-scope="scope"添加操作按钮,这是专门为我们提供的插 ...
elementui table表格跨分页多选
elementui table表格跨分页多选项目中遇到的表格多选加分页,要获取选中的数据,使用elementui的表格开发,刚开始思路是: 1.创建一个数组,使它每项为一页所选择的选择项数据数组.选 ...
element table多选表格_【经验总结】vue + element-ui 踩坑—— table 篇
工作一年,主要职责是负责公司后台管理平台的开发与维护.此间面对各种业务需求,通过面向谷歌编程等常见方式,积累了一些微不足道的经验. 本篇为总结的第一篇(也许有其他篇)-- table 篇对于后台管理 ...

ElementUI 获取el-table表格选中行信息及清除选中行

ElementUI 获取el-table表格选中行信息及清除选中行相关推荐

最新文章

热门文章