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_915918417 小时前
深入对比iOS开发中常用性能监控工具的底层原理与优缺点分析
android·ios·小程序·https·uni-app·iphone·webview
黄华SJ520it13 小时前
连锁多门店超市小程序:单品牌多家门店,总部统一管理、门店独立接单、线上到店/配送商超系统设计与实现
小程序·系统开发
AI多Agent协作实战派13 小时前
AI多Agent协作系统实战(二十三):Agent读HEARTBEAT.md不读AGENTS.md——openclaw的文件加载之谜
前端·数据库·人工智能·uni-app
m0_5474866617 小时前
《Vue.js + uni-app全栈开发从入门到实践 》全套PPT课件2026版
vue.js·uni-app
mykj155121 小时前
消费积分抵扣物业费小程序商城开发
小程序·积分商城抵扣物业费·积分商城小程序开发
三声三视1 天前
uni-app 鸿蒙端传参变成 [object Object]?顺着源码追到 ArkTS router 底层才搞明白
人工智能·ai·uni-app·aigc·ai编程·harmonyos
云迈科技-软件定制开发2 天前
2026年湖南长沙软件定制开发公司怎么选?本地企业做APP、小程序、管理系统的合作参考
小程序
小徐_23332 天前
Open Wot 1.0.5 发布:让 AI 接入 wot-ui,只需要两条命令
前端·uni-app·ai编程
AI多Agent协作实战派2 天前
AI多Agent协作系统实战(二十二):从6列到12列——任务监控报告的进化之路
java·人工智能·uni-app·bug
小杨小杨、努力变强!2 天前
VS Code运行HBuilder X中的uni-app项目
vscode·uni-app·uni-app run