欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

table的多选框自动全选

程序员文章站 2022-07-13 23:04:57
...

这样写:使用toggleRowSelection方法

data() {
    return {
        tableData: []
    }

},
methods: {
    getTableData().then(res => {
        const that = this
        this.tableData = res.data.obj
        this.tableData.map(item => {
           that.$nextTick(() => { // 不能省略这行
               for (let i = 0; i < that.tableData.length; i++) {
                   that.$refs.multiplePeoplesTable.toggleRowSelection(that.tableData[i], true)
                }
            })
        }
    })
}

这时出现一个问题:有时候点击选择其中一行查看信息了,多选效果就消失了,变成全部没有选择了。

原因:

解决: