element表格默认选中

我们在使用element写表格时，有时会遇到给表格进行设置默认选中某些行的情况。当遇到这一情况我们该怎么处理呢，在这里记录一个处理这种情况的方法：

this.$nextTick(function () {let rows = []for (let m = 0; m < this.selectedData.length; m++) {for (let n = 0; n < this.tableData.length; n++) {if (this.selectedData[m].id === this.tableData[n].id) {rows.push(this.tableData[n])}}}rows.forEach(row => {this.$refs.table.toggleRowSelection(row)})
})

其中最主要的就是下面这行代码：

this.$refs.table.toggleRowSelection(row)

对于上面的代码块，简单介绍下各个变量：

selectedData：是默认选中的数据

tableData：是表格数据

this.$refs.table：table是表格的ref值

element表格默认选中相关推荐

vue element表格默认选中表格第一行
获取数据后添加下面得代码 <el-table :data="tableData" style="width: 100%" ref="myTabl ...
element按钮默认选中
需求:第一个按钮默认选中,点击其他按钮则变成选中状态查看全部为默认选中,点击只看A/B时,其余按钮变成未选中状态,开始想用autofocus属性,发现只有第一次有效,页面刷新时就会失去焦点.于是换了 ...
element表格默认勾选
使用表格的时候,偶尔会需要回勾上一次勾选的数据(默认勾选): 主要是用到了默认提供的方法:toggleRowSelection(row,boolean) this.allData.forEach(it ...
element 表格分页选中
需求: 分页表格实现分页选中,编辑时可以进行回显. 实现: 刚开始拿到需求后本来是自己写代码实现分页选中,后来查了文档,发现可以根据element-table中的提供的属性实现:如下图方式实现: // ...
element表格默认勾选不生效的问题
默认勾选可以这样做 this.$refs.multipleTable.toggleRowSelection(row); 如果不生效的话,一般需要考虑这几种情况 1.获取数据(选中的数据以及表格展示的数 ...
element select 默认选中值
经常弄错element里select v-model值的类型,记录一下以免再犯 <el-select v-model="searchForm.isEssence" class ...
vue3 element el-tree 默认选中某个节点高亮
结合 current-node-key属性和setCurrentKey()方法及nexTick()同时使用 <el-tree:data="treeData"ref=" ...
jeecgboot：主表（antd table）默认选中第一条记录
问题描述: 使用jeecgboot框架生成ERP主题的主附表样式,主表默认不选中任何记录,每次需要手动点击一条,下边的附表才能显示对应的查询记录,我们现在要做的是让主表默认选中第一条. 解决思路: 刚 ...
element table 表格合并及如何默认选中合并后的第一行
1. 合并效果及代码如下: 1.表格头 2.js 合并前的每一个小行都会执行一此下面这个代码,如上图所示,执行第一行时合并,执行到第二行设置合并行数为0 就可以了 objectSpanMethod({ ...

element表格默认选中

element表格默认选中相关推荐

最新文章

热门文章