uniapp打包小程序,使用$refs报错解决办法

uniapp打包字节抖音小程序使用$refs报错解决办法

在小程序开过程中,使用uniapp时,作为开发者,我们习惯以vue的语法进行开发,希望通过使用$refs进行元素的操作,但是开发小程序时这种方法却失效了。
原因 :++微信小程序本身就不支持操作 DOM++
解决 :要想获取 DOM 元素,需要使用 API:uni.createSelectorQuery();

js 复制代码
//代码示例如下:
//select()内是选择器,$children是子元素
uni.createSelectorQuery().in(this).select("#id")._component.$children

总结:Uniapp中可以使用 $refs ,但是需要注意在APP和小程序平台中,不能引用 view 内置组件,循环创建的自定义组件也不能使用 ref ;

相关推荐
2501_915106324 小时前
如何查看手机使用记录:Android和iOS设备全面指南
android·ios·智能手机·小程序·uni-app·iphone·webview
刻刻帝的海角8 小时前
基于UniApp与Vue3语法糖的实时任务管理应用开发实践
uni-app
能不能送我一朵小红花8 小时前
基于uniapp的PDA手持设备红外扫码方案
前端·uni-app
chaffererdog9 小时前
uniapp开发微信小程序使用vk-uview-ui的uSearch搜索组件,在微信开发者工具中点击输入框会意外触发custom事件
微信小程序·小程序·uni-app
脾气有点小暴10 小时前
uniapp通用递进式步骤组件
前端·javascript·vue.js·uni-app·uniapp
草字13 小时前
uniapp 滚动到表单的某个位置,表单验证失败时。
前端·javascript·uni-app
脾气有点小暴14 小时前
uniapp通用单张图片上传组件
前端·javascript·vue.js·uni-app·uniapp
郑州光合科技余经理15 小时前
技术架构:跑腿配送系统海外版源码全解析
java·开发语言·前端·数据库·架构·uni-app·php
2501_9159184115 小时前
Flutter 加固方案全解析,从 Dart 层到 IPA 成品的多工具协同防护体系
flutter·macos·ios·小程序·uni-app·cocoa·iphone
我命由我1234515 小时前
微信小程序 - 内容弹出框实现(Vant Weapp 实现、原生实现)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js