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

文章目录

    • 概要
    • 问题案例
    • 解决方法

概要

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

问题案例

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

解决方法

this.$nextTick(() => {
					// 因为循环的话ref就是一个数组形式的,所以需要用下标来确定,这里我就不过多赘述了,到时候自己log一下就知道了
					this.$refs[`jilianXuanzhe${i}`][0].xianshi(i)
				})

你可能感兴趣的:(微信小程序,uniapp)