小程序里面循环使用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)
})