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

一.需求

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

二.方法Table Methods

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

详细请看elementui官网https://element.eleme.io/#/zh-CN/component/table

三.代码

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

四.效果图

相关推荐
Apifox8 小时前
Apifox 11 月更新|AI 生成测试用例能力持续升级、JSON Body 自动补全、支持为响应组件添加描述和 Header
前端·后端·测试
木易士心8 小时前
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?
前端·javascript
在掘金801108 小时前
vue3中使用medium-zoom
前端·vue.js
xump9 小时前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css
折翅嘀皇虫9 小时前
fastdds.type_propagation 详解
java·服务器·前端
Front_Yue9 小时前
深入探究跨域请求及其解决方案
前端·javascript
wordbaby9 小时前
React Native 进阶实战:基于 Server-Driven UI 的动态表单架构设计
前端·react native·react.js
抱琴_9 小时前
【Vue3】我用 Vue 封装了个 ECharts Hooks,同事看了直接拿去复用
前端·vue.js
风止何安啊9 小时前
JS 里的 “变量租房记”:闭包是咋把变量 “扣” 下来的?
前端·javascript·node.js
Danny_FD9 小时前
用 ECharts markLine 标注节假日
前端·echarts