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

四.效果图

相关推荐
中国lanwp2 分钟前
npm中@your-company:registry 和 registry 的区别
前端·npm·node.js
Bacon4 分钟前
Electron 应用商店:开箱即用工具集成方案
前端·github
行走的陀螺仪5 分钟前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
冴羽8 分钟前
JavaScript 异步循环踩坑指南
前端·javascript·node.js
jump6809 分钟前
commonjs 和 ES Module
前端
旧曲重听131 分钟前
前端需要掌握多少Node.js?
前端·node.js
Mr.Jessy32 分钟前
Web APIs 学习第四天:DOM事件进阶
开发语言·前端·javascript·学习·ecmascript
云枫晖35 分钟前
前端工程化实战:手把手教你构建项目脚手架
前端·前端工程化
醉方休36 分钟前
开发一个完整的Electron应用程序
前端·javascript·electron
故作春风43 分钟前
手把手实现一个前端 AI 编程助手:从 MCP 思想到 VS Code 插件实战
前端·人工智能