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 ;

相关推荐
星光一影5 分钟前
供应链进销存源码uniapp全开源ERP多仓库管理系统pc+app手机端
mysql·elementui·uni-app·开源·php·phpstorm·1024程序员节
A腿长一米二11 分钟前
【uniapp问题还是我的认知问题】
uni-app
2501_915909064 小时前
网络调试工具推荐 Fiddler抓包工具使用教程与代理设置详解(HTTP/HTTPS配置与实战技巧)
网络·http·ios·小程序·fiddler·uni-app·webview
老师可可6 小时前
成绩发布工具使用方法,附成绩分析教程
学习·信息可视化·小程序·excel·学习方法
焚 城8 小时前
uniapp实现PDF的预览
pdf·uni-app
sen_shan8 小时前
《微信小程序》第八章:“我的“设计
微信小程序·小程序
一路向前的月光8 小时前
uniapp(1)
uni-app
遗憾随她而去.8 小时前
uniapp 实现一个底部悬浮面板
uni-app
Aress"10 小时前
uniapp设置vuex公共值状态管理
javascript·vue.js·uni-app
song85460113410 小时前
uniapp如何集成第三方库
开发语言·uni-app