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

四.效果图

相关推荐
quweiie8 分钟前
thinkphp8+layui多图上传,带删除\排序功能
前端·javascript·layui
李鸿耀14 分钟前
React 项目 SVG 图标太难管?用这套自动化方案一键搞定!
前端
闲蛋小超人笑嘻嘻17 分钟前
树形结构渲染 + 选择(Vue3 + ElementPlus)
前端·javascript·vue.js
叶梅树41 分钟前
从零构建A股量化交易工具:基于Qlib的全栈系统指南
前端·后端·算法
巴博尔1 小时前
uniapp的IOS中首次进入,无网络问题
前端·javascript·ios·uni-app
焚 城1 小时前
UniApp 实现双语功能
javascript·vue.js·uni-app
Asthenia04121 小时前
技术复盘:从一次UAT环境CORS故障看配置冗余的危害与最佳实践
前端
csj501 小时前
前端基础之《React(1)—webpack简介》
前端·react
被巨款砸中2 小时前
前端 20 个零依赖浏览器原生 API 实战清单
前端·javascript·vue.js·web
文韬_武略2 小时前
web vue之状态管理Pinia
前端·javascript·vue.js