element表格默认勾选不生效的问题

最新推荐文章于 2024-08-15 17:26:28 发布

前端李小白

最新推荐文章于 2024-08-15 17:26:28 发布

阅读量3.4k

点赞数 1

分类专栏： vue 文章标签： element 表格默认勾选

本文链接：https://blog.csdn.net/qq_42268364/article/details/110138916

版权

本文主要讨论了Element UI表格中默认勾选不生效的问题。解决方案包括确保数据与表格展示的数据一致，避免深拷贝数据，正确设置表格数据，并在获取后端数据后进行设置。文中提供了一段关键代码以帮助解决此类问题。

摘要由CSDN通过智能技术生成

默认勾选可以这样做

在这里插入图片描述

 this.$refs.multipleTable.toggleRowSelection(row);

如果不生效的话，一般需要考虑这几种情况

1、获取数据（选中的数据以及表格展示的数据）这里的两个数据必须是同一个对象的数据，也就是数据必须是表格当中的数据，而且不能深拷贝

2、设置表格数据

3、设置完成后，一般我们都是获取到后端的代码再设置this.$refs.multipleTable.toggleRowSelection(row);
这里还要加一个$nextTick

具体代码如下：

    /**
     * @description: 获取表格数据
     * @param {String} code
     * @param {String} srcType
     */
    async getTableData(code, srcType) {
   
      try {
   
        this

最低0.47元/天解锁文章

前端李小白

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
element表格默认勾选不生效的问题

默认勾选可以这样做 this.$refs.multipleTable.toggleRowSelection(row);如果不生效的话，一般需要考虑这几种情况1、获取数据（选中的数据以及表格展示的数据）这里的两个数据必须是同一个对象的数据，也就是数据必须是表格当中的数据，而且不能深拷贝2、设置表格数据3、设置完成后，一般我们都是获取到后端的代码再设置this.$refs.multipleTable.toggleRowSelection(row);这里还要加一个$nextTick具体代码如下
复制链接

扫一扫

专栏目录