this.$refs 获取不到值 undefined 问题

53 篇文章 0 订阅

最近刚好又碰到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
      }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值