vue3中组合式Api父组件下面有多个子组件且有部分的props是每个子组件都要用的
在Vue3中,可以使用组合式API来解决这个问题。具体做法如下:
- 在父组件中定义一个
provide方法,将需要共享的props数据提供给子组件。
import { provide } from 'vue';
export default {
setup() {
const commonProps = { /* 共享的props数据 */ };
provide('commonProps', commonProps);
}
}
- 在子组件中使用
inject方法获取共享的props数据。
import { inject } from 'vue';
export default {
setup() {
const commonProps = inject('commonProps');
// 使用commonProps中的数据
}
}
这样,所有子组件都可以使用共享的props数据了。需要注意的是,provide和inject方法需要配对使用,且provide提供的数据只能在其直接或间接子组件中使用。
原文地址: https://www.cveoy.top/t/topic/gSs 著作权归作者所有。请勿转载和采集!