【项目经验】:elementui多选表格默认选中

简介: elementui多选表格默认选中

一.需求

在页面刚打开就默认选中指定项。

二.方法Table Methods

toggleRowSelection 用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中) row, selected

三.代码

mounted () {
// multipleSelection 想选中的数据 tableData表格数据this.$nextTick(() => {
this.multipleSelection.forEach(row=> {
this.$refs.multipleTable.toggleRowSelection(this.tableData.find(item=> {
returnrow.date==item.date;
                }), true)
            })
        })
    },

四.效果图

9-17-1.png

相关文章
|
小程序 API
uniapp中uview组件库丰富的Calendar 日历用法
uniapp中uview组件库丰富的Calendar 日历用法
1881 0
Element UI - el-table 渲染慢,卡的原因
Element UI - el-table 渲染慢,卡的原因
3912 0
|
JavaScript
element-ui table表格多选后再打开默认选中
element-ui table表格多选后再打开默认选中
|
JavaScript
Vue使用element中table组件实现单选一行
如何在Vue中使用Element UI的table组件实现单选一行的功能。
1046 6
Vue使用element中table组件实现单选一行
element中tree组件的选中获取和返显
本文介绍了如何在Element UI的tree组件中获取选中的节点值以及如何进行节点的默认选中(返显)。主要通过使用`getCheckedKeys()`和`getHalfCheckedKeys()`方法来获取完全和半选中的节点,然后使用`setCheckedKeys()`方法来设置默认选中的节点。
1572 2
element中tree组件的选中获取和返显
|
小程序 JavaScript
微信小程序使用echarts图表(ec-canvas)
这篇文章介绍了在微信小程序中使用`ec-canvas`集成echarts图表的方法,包括解决加载时报错的问题、配置图表组件、以及在小程序页面中引入和使用这些图表组件的步骤。
2115 1
微信小程序使用echarts图表(ec-canvas)
el-table复选框全部勾选以及勾选回显
el-table复选框全部勾选以及勾选回显
1807 0
|
JavaScript API 索引
js中的reduce()方法 讲解 和实现
`reduce()` 方法对数组元素依次应用一个回调函数,将结果累计并最终返回单一值。语法为 `reduce(callback(accumulator, currentValue, currentIndex, array), initialValue)`。参数包括累计器(初次为初始值或首元素)、当前元素值、索引及数组自身。此方法需返回值供下一轮迭代使用。常见应用场景包括计算数组总和与平均值、统计元素频率、过滤与转换数组内容及去除重复项等。例如,可通过 `reduce()` 快速计算 `[1, 2, 3, 4, 5]` 的总和或对对象属性值求和。此外,还可自定义实现 `reduce()` 方法
6086 1
|
JavaScript
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
729 0
|
JavaScript
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题