小程序里面循环使用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)
				})
相关推荐
xkxnq13 小时前
微信小程序地理定位功能
微信小程序·小程序
難釋懷13 小时前
微信小程序全局数据共享
微信小程序·小程序
郭邯13 小时前
小程序自定义组件学习笔记
微信小程序
xmdoor20 小时前
微信小程序:酒店预订管理系统
微信小程序·酒店预订·酒店系统·酒店管理
The_era_achievs_hero2 天前
微信小程序141~150
微信小程序·小程序·notepad++
熊猫片沃子2 天前
小程序间跳转与传值实现方案
前端·微信小程序
normi-D182 天前
微信小程序未登录状态下的导航拦截有哪些方法可以实现
微信小程序·小程序
wocwin2 天前
uniapp微信小程序vue3封装时间段范围选择组件
vue.js·微信小程序
晓风伴月2 天前
微信小程序:在ios中border边框显示不全
ios·微信小程序·小程序
新酱爱学习2 天前
前端海报生成的几种方式:从 Canvas 到 Skyline
前端·javascript·微信小程序