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') || [] // 获取表单改变值集合
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值