vue3使用provide/inject异步传递爷孙组件数据
注意provide不需要放进异步方法内 且 传递时候是传changeLabelList 不是传changeLabelList.value
爷组件:
import { ref, provide } from 'vue'
let changeLabelList = ref([]) // 用于判断字段是否变更
// 获取改版字段
const getChangeKeyList = () => {
fieldConfiQueryList({
functionalModule: 'APP_FORM'
}).then(() => {
changeLabelList.value = [ 'appName', 'isPublished']
}).finally(() => {
})
}
// 注意provide不需要放进异步方法内 且 传递时候是传changeLabelList 不是传changeLabelList.value
provide('changeLabelList', changeLabelList)
孙组件:
import { ref, inject } from 'vue'
const changeLabelList = inject('changeLabelList') || [] // 获取表单改变值集合