elementUI toggleRowSelection设置无效

最新推荐文章于 2025-05-12 11:22:45 发布

原创最新推荐文章于 2025-05-12 11:22:45 发布 · 2.2w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#Vue #elementUI

前端其他同时被 2 个专栏收录

81 篇文章

订阅专栏

vue

76 篇文章

订阅专栏

本文介绍了一种在前端开发中初始化禁选复选框的方法，通过使用Vue框架的$nextTick方法，确保DOM更新后执行操作。示例代码展示了如何遍历数据，对比ID并选择对应的行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        // 初始化禁选的复选框
        checkboxInit(row, index) {
            var that = this;
            that.$nextTick(() => {
                console.log(that.$refs.multipleTableGood);
                if (that.$refs.multipleTableGood) {
                    that.$refs.multipleTableGood.clearSelection();
                }
                that.tableData.forEach(row => {
                    for (let j in that.selectData) {
                        if (row.id == that.selectData[j].id) {
                            console.log("相同");
                            that.$refs.multipleTableGood.toggleRowSelection(
                                row,
                                true
                            );
                        }
                    }
                });
            });
        },

$nextTick解决