【项目经验】：elementui多选表格默认选中

bug天选之子 • 2023年09月24日 08:53 • 1年前 • 编程日记 • 阅读(4) • 违法举报

一.需求

在页面刚打开就默认选中指定项。

二.方法Table Methods

toggleRowSelection

用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）

row, selected

详细请看elementui官网https://element.eleme.io/#/zh-CN/component/table

三.代码

mounted () {
        // multipleSelection 想选中的数据 tableData表格数据
        this.$nextTick(() => {
            this.multipleSelection.forEach(row => {
                this.$refs.multipleTable.toggleRowSelection(this.tableData.find(item => {
                    return row.date == item.date;
                }), true)
            })
        })
    },

四.效果图

文章来源地址https://uudwc.com/A/12a1o

原文地址:https://blog.csdn.net/weixin_70245286/article/details/132953385

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请联系站长进行投诉反馈，一经查实，立即删除！