解决el-table的$refs获取不到的问题(踩坑篇)

  • Post author:
  • Post category:其他




解决el-table的$refs获取不到的问题(踩坑篇)



问题场景描述:

  • 使用el-table表格,给表格定义了ref属性,结果在方法里面点击多选框选中事件的时候,获取不到当前表格的ref属性,导致无法对DOM进行后续的业务操作。

参考文章:




总结方法、列举如下:

  1. //使用setTimeout()延时加载
 setTimeout(() => {
   console.log(this.$refs["childData"].objData);
 }, 10);
  1. 使用

    $nextTick,

    ,

    在DOM渲染完毕之后立即执行

    $nextTick
this.$nextTick(()=>{
	console.log(this.$refs["childData"].objData);
})
  1. 如果不是原生DOM,可以追加使用

    .$el

    使用