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

四.效果图

相关推荐
郭邯12 分钟前
从零到一:我用 AI 写了个复利计算器,顺便治好了我的"公式恐惧症"
前端
Pointer Pursuit15 分钟前
C++11特性(二)
前端·c++·算法
天道kabuto20 分钟前
Vue3 升级踩坑:子组件 click 事件为什么会触发两次?
前端
Nayana22 分钟前
《Web 到 HarmonyOS》-- Ability、Stage、模块化与路由导航
前端
ShineWinsu1 小时前
对于 Vue 3:从为什么学 Vue,到声明式渲染与数据响应式的解析
前端·javascript·vue.js
粥里有勺糖1 小时前
视野修炼-技术周刊第132期 | 一些有趣的组件
前端·github·aigc
এ慕ོ冬℘゜1 小时前
样式控制 .css ()
前端·css
鱼与宇2 小时前
Element-plus离线访问(适用内网)
elementui·vue3
leoZ2312 小时前
第 6 篇:SchemaForm 渲染器核心实现
前端·javascript·vue.js·人工智能·神经网络·机器学习·自然语言处理
CoderYanger3 小时前
前端基础——JavaScript(基础语法)(下篇)
java·开发语言·前端·javascript·程序人生·面试·职场和发展