小程序里面循环使用ref的话获取不到

文章目录

概要

在小程序里面一般循环使用ref的话会获取不到

问题案例

javascript 复制代码
//这个时自己封装的组件,然后循环使用
<jilianXuanzhe @huoqu="huoqu" :ref="'jilianXuanzhe' + i"></jilianXuanzhe>
javascript 复制代码
//如果这样使用的话获取不到ref
this.$refs[`jilianXuanzhe${i}`].xianshi(i)

解决方法

javascript 复制代码
this.$nextTick(() => {
					// 因为循环的话ref就是一个数组形式的,所以需要用下标来确定,这里我就不过多赘述了,到时候自己log一下就知道了
					this.$refs[`jilianXuanzhe${i}`][0].xianshi(i)
				})
相关推荐
HERR_QQ20 小时前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
mg6681 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序
程序员柳1 天前
基于微信小程序的校园二手交易平台、微信小程序校园二手商城源代码+数据库+使用说明,layui+微信小程序+Spring Boot
数据库·微信小程序·layui
Jyywww1211 天前
微信小程序学习笔记
笔记·学习·微信小程序
The_era_achievs_hero1 天前
微信小程序41~50
微信小程序·小程序
走,带你去玩2 天前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
是一碗螺丝粉2 天前
🔥 微信H5视频自动播放终极秘籍:WeixinJSBridge竟是官方“通行证”?
微信小程序
一笑code2 天前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
菌菇汤2 天前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
666HZ6662 天前
微信小程序中scss、ts、wxml
微信小程序·小程序·scss