element中el-tabs下的toggleRowSelection方法设置无效

问题:

请求数据后,参考官网文档 使用 this.$refs.multipleTable.toggleRowSelection(row, true); 设置默认勾选时无效。

原因:

参考vue官方文档:
在这里插入图片描述
$ref表示的DOM元素会在数据更新之后被注销新建,导致我们设置的勾选元素清空了。

解决:

在设置勾选方法外包裹$nextTick

this.$nextTick(function () {
  this.tableData.forEach(row => {
    if (row.enable) {
      this.$refs.multipleTable.toggleRowSelection(row, true);
    }
  })
});

tips:

关于$nextTick
在这里插入图片描述

参考:

https://cn.vuejs.org/v2/api/#Vue-nextTick


版权声明:本文为CutelittleBo原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。