【项目经验】: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)
            })
        })
    },

四.效果图

相关推荐
好果不榨汁3 分钟前
qiankun 路由选择不同模式如何书写不同的配置
前端·vue.js
小蜜蜂dry3 分钟前
Fetch 笔记
前端·javascript
拾光拾趣录4 分钟前
列表分页中的快速翻页竞态问题
前端·javascript
小old弟5 分钟前
vue3,你看setup设计详解,也是个人才
前端
Lefan9 分钟前
一文了解什么是Dart
前端·flutter·dart
Patrick_Wilson14 分钟前
青苔漫染待客迟
前端·设计模式·架构
vvilkim16 分钟前
Nuxt.js 全面测试指南:从单元测试到E2E测试
开发语言·javascript·ecmascript
写不出来就跑路35 分钟前
基于 Vue 3 的智能聊天界面实现:从 UI 到流式响应全解析
前端·vue.js·ui
OpenTiny社区38 分钟前
盘点字体性能优化方案
前端·javascript
FogLetter42 分钟前
深入浅出React Hooks:useEffect那些事儿
前端·javascript