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 ;

相关推荐
青企通7 小时前
电商小程序购物车与库存扣减:SKU 模型、合并规则与防超卖实践
小程序·apache
AI源码7 小时前
家乡介绍小程序
小程序·notepad++
2501_9159214312 小时前
iOS应用耗电测试:使用Energy Log、Keymob和Instruments进行性能监控与能源消耗分析
android·ios·小程序·https·uni-app·iphone·webview
FX1317887KP_15 小时前
KET/PET/FCE备考攻略:口语训练的三大误区与科学训练路径
小程序·ket口语·pet口语·fce备考·剑桥英语
行思理15 小时前
个推厂商应用开通指南
运维·服务器·uni-app·个推·uni-app push
海上彼尚16 小时前
【微信小程序】xxx该网站的安全证书存在问题,可选择 “继续”在浏览器中访问。
安全·微信小程序·小程序
郑州光合科技余经理17 小时前
同城商城源码:商品库和订单库怎么随包交付
android·java·开发语言·后端·uni-app·php·ai编程
FX1317887KP_17 小时前
KPF口语考试题目类型全梳理:KET、PET、FCE各级别考什么、怎么练
小程序·ket口语·pet口语·fce备考·剑桥英语
肖老师xy17 小时前
uniapp实现带展开收起按钮文本多行省略
uni-app
Liu.77417 小时前
uniapp swiper 常见问题及修复
前端·uni-app