当前位置:网站首页 > 前端开发 > 正文

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表格选中行信息及清除选中行的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • ElementUI 之 el-tabs添加自定义按钮2024-11-27 21:18:10
  • Date类型的操作方法2024-11-27 21:18:10
  • 将this下的某个属性方法指到window下 方便直接调用2024-11-27 21:18:10
  • ElementUI实现可拖拽dialog弹出层2024-11-27 21:18:10
  • ElementUI-el-input无法输入2024-11-27 21:18:10
  • 字符串类型的操作方法2024-11-27 21:18:10
  • ElementUI对表格某一行执行操作和批量操作限制2024-11-27 21:18:10
  • ElementUI上传文件-限制上传文件个数2024-11-27 21:18:10
  • ElementUI 表格中某项为空值时用暂无数据代替显示2024-11-27 21:18:10
  • ElementUI 监听表单有内容修改时提交执行相应操作2024-11-27 21:18:10
  • 全屏图片