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

四.效果图

相关推荐
小墨宝20 分钟前
js 生成pdf 并上传文件
前端·javascript·pdf
HED35 分钟前
用扣子快速手撸人生中第一个AI智能应用!
前端·人工智能
DN金猿39 分钟前
使用npm install或cnpm install报错解决
前端·npm·node.js
丘山子40 分钟前
一些鲜为人知的 IP 地址怪异写法
前端·后端·tcp/ip
志存高远661 小时前
Kotlin 的 suspend 关键字
前端
www_pp_1 小时前
# 构建词汇表:自然语言处理中的关键步骤
前端·javascript·自然语言处理·easyui
YuShiYue1 小时前
pnpm monoreop 打包时 node_modules 内部包 typescript 不能推导出类型报错
javascript·vue.js·typescript·pnpm
天天扭码2 小时前
总所周知,JavaScript中有很多函数定义方式,如何“因地制宜”?(ˉ﹃ˉ)
前端·javascript·面试
一个专注写代码的程序媛2 小时前
为什么vue的key值,不用index?
前端·javascript·vue.js
장숙혜2 小时前
ElementUi的Dropdown下拉菜单的详细介绍及使用
前端·javascript·vue.js