小程序里面循环使用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)
				})
相关推荐
澄江静如练_1 分钟前
微信小程序发体验版
微信小程序·小程序
流口水的兔子4 小时前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
一念杂记4 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
The_era_achievs_hero8 小时前
微信小程序61~70
微信小程序·小程序
编程猪猪侠9 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
汤姆yu19 小时前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
一渊之隔1 天前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun1 天前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
HERR_QQ2 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
mg6683 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序