vue3使用 provide 和 inject 组件动态修改值

父组件定义数据和更新数据的方法

import { provide } from 'vue';const plantListPage = ref(''); // 定义数据
const updatePlantListPage = (param: any) => { // 更新数据的方法plantListPage.value = param;
};
provide('plantListPage', plantListPage); // 传递给子孙组件
provide('updatePlantListPage', updatePlantListPage); // 传递给子孙组件

子孙组件中使用

import { inject } from 'vue';const updatePlantListPage = inject('updatePlantListPage');
updatePlantListPage('plantSetting'); // 更新数据