【修复日常bug】element-plus框架table组件toggleRowSelection方法设置无效

版本vue版本：3.0.7element-plus：1.0.2问题概述element-plus框架的el-tables组件toggleRowSelection函数设置选中值无效；//设置无效this.$refs.multipleTable.toggleRowSelection(this.popup_config.table.list[b],true);解决思路初次用setTimeout测试2000

程序员小鸿

3651人浏览 · 2021-04-22 15:42:19

程序员小鸿 · 2021-04-22 15:42:19 发布

版本

vue版本：3.0.7

element-plus：1.0.2

问题概述

element-plus框架的el-table组件toggleRowSelection函数设置选中值无效；

//设置无效
this.$refs.multipleTable.toggleRowSelection(this.popup_config.table.list[b],true);

解决思路

初次用setTimeout测试2000毫秒延迟生效了，断定是el-table未渲染完成导致；

故：加上$nextTick方法，dom更新完成后会进入回调；

//dom更新完才执行nextTick回调
this.$nextTick(()=>{                               
    this.$refs.multipleTable.toggleRowSelection(this.popup_config.table.list[b],true);
})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^