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 ;

相关推荐
Kingexpand_com16 小时前
物联网APP开发实战:如何打造用户真正愿意用的智能硬件伴侣
物联网·小程序·app·智能硬件·物联网app定制开发
CHU72903519 小时前
家政同城服务APP前端功能玩法解析
前端·小程序
weixin_lynhgworld19 小时前
硬核功能赋能运营,定制盲盒小程序解锁沉浸式抽盒体验
小程序
专科3年的修炼20 小时前
uni-app移动应用开发
uni-app
灵机一物20 小时前
灵机一物AI智能电商小程序-ReAct驱动的虚拟试穿智能体产品方案
人工智能·小程序
CHU72903520 小时前
剧本杀组车约玩小程序前端功能版块设计及玩法介绍
前端·小程序
儒雅的烤地瓜21 小时前
小程序 | Vue小程序开发框架:MPvue与UniApp深度解析
前端·vue.js·uni-app·nodejs·cli·mpvue
chushiyunen1 天前
pycharm创建桌面时间控件小程序
ide·小程序·pycharm
宁夏雨科网1 天前
SaaS系统搭建宠物用品小程序可行吗
小程序·商城小程序·微信商城·制作小程序·宠物用品小程序·宠物用品商城
CHU7290351 天前
直播逛购新体验——直播商城APP前端功能详解
前端·小程序