今天用uniapp的框架打包项目到抖音小程序的时候,突然发现$refs获取不到了,一开始惯性使用$nextTick去获取,依旧不行,查了一下资料,发现可能是v-if造成的问题,获取实例的时候,元素还没渲染完全,网上主流解决方法就是在onReady里面的去获取,但依旧失败。
后面转念一想,使用v-show去代替v-if,众所周知,v-if是控制元素是否存在页面,v-show是控制元素的hidden属性,如果用v-show去控制,就会完美避开渲染期间元素不存在获取不到$refs的问题!
使用v-show完美解决问题!这里还有一个小tips,HBuilderX需要更新到最新版。