vue3 rerfs

问题：封装组件，在外边想要修改组件里的一个数据，获取到的是最后一个组件的数据，需要获取到所有数组中的数据
解决：vue3中的ref属性只能访问到最后一组

// 父组件
<CommonContent
	:ref="(vnode) => (commonContent[index] = vnode)"
	v-for="(item, index) in contentData"
	:key="item.id"
	:contentData="item"
	:keyType="'commution'"
	@reloadChange="reloadChange"
>
</CommonContent>
const commonContent = {};
const changeRick = () => {
	Object.values(commonContent).forEach((comp: any) => {
	// 需要做的
	comp?.parentEvent?.();
	});
};

// 子组件
const parentEvent = () => {
	plState.value = false;
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22