自学内容网 自学内容网

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') || [] // 获取表单改变值集合

原文地址:https://blog.csdn.net/i_am_a_div/article/details/142595746

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!