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

一.需求

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

二.方法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)
            })
        })
    },

四.效果图

【项目经验】:elementui多选表格默认选中_第1张图片

你可能感兴趣的:(项目经验,elementui,前端,javascript)