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

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>

你可能感兴趣的:(javascript,前端,vue,vue3)