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

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

问题场景描述：

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

---

参考文章：

• 解决element-ui el-dialog 中 含有el-table时 $refs获取不到的问题
• this.$refs 获取不到解决办法
• this.$refs使用方法
• vue 用ref获取属性为undefined【$el】

---

总结方法、列举如下：

1. //使用setTimeout()延时加载

 setTimeout(() => {
   console.log(this.$refs["childData"].objData);
 }, 10);

2. 使用$nextTick，,
   在DOM渲染完毕之后立即执行$nextTick

this.$nextTick(()=>{
	console.log(this.$refs["childData"].objData);
})

3. 如果不是原生DOM，可以追加使用.$el使用

---