最近刚好又碰到ref为空问题,记录下
当我们在 vue 项目中,想要通过$refs 来获取元素时,会出现获取不到的BUG,原因是,dom 节点 异步加载机制,
解决方案:this.$nextTick 来解决
但是有时候 即使加上了 也是依旧报错 原因是: v-for 循环 得到的不止一个 解决方案 this.$refs[refName][0]
还有一个原因是 v-if v-show 进行的设置 具体问题 需要具体解决
例如像我这样:
我这个比较特殊是从子组件发出来的。。。而且又有异步。。一般肯定是获取不到ref了
const isok = await (this.search.patient && this.search.patient.id) && this.$refs.healthRef.HJhealthCardBindDetailFn();
console.log(111, isok)
if (!isok) {
return true
}