Uniapp｜$refs.xxx is not a function uni-popup放在一个for循环中

这个问题可能是由于在 for 循环中重复使用相同的 $refs 名称导致的。

在 Uniapp 中，$refs 是一个 Vue 实例的属性，用于访问组件或元素。在 for 循环中，如果使用相同的 $refs 名称多次，则会发生冲突，导致 $refs 对象无法正确地引用组件或元素。

解决方法之一是为每个 $refs 对象赋予唯一的名称。例如，可以在 for 循环中使用一个计数器来为每个 $refs 对象添加一个唯一的后缀。例如：

<template>
  <view v-for="(item, index) in list" :key="index">
    <uni-popup ref="popup_{{index}}" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: [1, 2, 3]
    };
  }
};
</script>

在这个例子中，我们为每个 $refs 对象添加了一个唯一的后缀，即当前项的索引值。

另外，还要确保在访问 $refs 对象之前，组件已经被渲染和挂载。可以使用 Vue.nextTick() 来确保 $refs 对象已经被正确地更新。例如：

this.$nextTick(() => {
  this.$refs.popup_0.xxx()
})

在这个例子中，我们使用了 Vue.nextTick() 来确保 $refs 对象已经被正确地更新，并调用了该对象上的方法。