解决uniapp打包到抖音小程序获取不到$refs的问题

作者在将uniapp项目打包到抖音小程序时遇到$refs获取不到的问题,经排查发现与v-if的渲染时机有关。通过替换为v-show并确保HBuilderX版本更新,解决了这个问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        今天用uniapp的框架打包项目到抖音小程序的时候,突然发现$refs获取不到了,一开始惯性使用$nextTick去获取,依旧不行,查了一下资料,发现可能是v-if造成的问题,获取实例的时候,元素还没渲染完全,网上主流解决方法就是在onReady里面的去获取,但依旧失败。

        后面转念一想,使用v-show去代替v-if,众所周知,v-if是控制元素是否存在页面,v-show是控制元素的hidden属性,如果用v-show去控制,就会完美避开渲染期间元素不存在获取不到$refs的问题!

        使用v-show完美解决问题!这里还有一个小tips,HBuilderX需要更新到最新版。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值