vue3 v-for循环子组件上绑定ref并且取值

// 要循环的变量
const views= ref([])

// 数组存所有ref dom
const itemsRef = ref([])


const refresh = (index) => {
	// 取出ref dom子组件并且调用其方法
  itemsRef.value[index].initChart()
}

<div class="block" v-for="(item, index) in views" :key="item.id">
      <reactive-chart :chartMeta="item" :ref="(el) => (itemsRef[index] = el)"></reactive-chart>
</div>
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐