element-ui el-dialog嵌套table组件,ref问题

项目中有个需求element-ui el-dialog嵌套table组件,ref问题_第1张图片弹窗显示的时候,返现数据需要选中,看了elementui table组件中的方法

element-ui el-dialog嵌套table组件,ref问题_第2张图片

传入需要需要选中的行和是否选中的状态,调用的时候肯定是需要增加ref的,element-ui el-dialog嵌套table组件,ref问题_第3张图片

this.$refs.moviesTable.toggleRowSelection(this.$refs.moviesTable.data[想要选中行的下标],true)

但是在弹窗显示的时候这样用,会报错,(this.$refs.moviesTable为undefined

解决办法 使用替换$nextTick

element-ui el-dialog嵌套table组件,ref问题_第4张图片

companyChange 弹窗显示的方法,selectArr 是需要选中的数据数组,tableData是列表数据

你可能感兴趣的:(前端,开发,vue,爬坑,vue,前端,element,dialog)