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 ;

相关推荐
PedroQue9919 小时前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app
一份执念2 天前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案
前端·uni-app·echarts
PedroQue993 天前
V1.6.1性能优化:高频路径提速与代码精简
前端·uni-app
夏碧笔5 天前
uni-app跨端地图实战:用第三方LBS替代微信平台收费服务
uni-app
m0_526119409 天前
iconfont我修改好颜色,但是在小程序项目是黑色的
小程序
用户6990304848759 天前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
ITKEY_10 天前
uniapp微信开发者工具 更改AppID失败 touristappid
uni-app
2601_9567436810 天前
2026 上海小程序开发甄选:源码、云函数、跨端兼容技术评判
小程序·开发经验·上海
IT_张三10 天前
CSDN-项目分享-暑期备考小程序
小程序
IsJunJianXin10 天前
pdd小程序 cdp 保存响应体
linux·服务器·小程序·pdd小程序·拼多多响应体解密·小程序cdp·拼多多rpc取响应体