vue elementUi中的table使用选择多行数据(Checkbox) -- 手动设置选中行但是没有效果的问题

今天有个需求为后台请求接口获取的列表以表格的形式展示,并且Checkbox展示默认选中行,

 

现在有个问题:在接口请求成功的同时设置默认选中项时不起效果,下边展示出官网文档中的设置代码

 rows.forEach(row => {
            this.$refs.multipleTable.toggleRowSelection(row);
          });

最后找了好几种方法进行测试,发现设置选中过早,以下为解决方法

 

    setTimeout(() => {
                    rows.forEach(row => {
            this.$refs.multipleTable.toggleRowSelection(row);
          });
              }, 1)

 

posted @ 2020-09-11 16:38  叶子0321~  阅读(2689)  评论(0编辑  收藏  举报