当前位置: 首页 > article >正文

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

http://www.kler.cn/a/322035.html

相关文章:

  • 望繁信科技CTO李进峰受邀在上海外国语大学开展流程挖掘专题讲座
  • C/C++语言基础--C++构造函数、析构函数、深拷贝与浅拷贝等等相关知识讲解
  • 论文 | Reframing Instructional Prompts to GPTk’s Language
  • 计算机毕业设计hadoop+hive航班预测系统 飞机票航班数据分析可视化大屏 机票预测 机票爬虫 飞机票推荐系统 大数据毕业设计
  • 目前市面上有销售的飞行汽车吗
  • 基于JAVA+SpringBoot+Vue的疫苗发布和接种预约系统
  • 【智慧城市】新中地GIS开发实训项目:华农优秀学生学习成果展示(3)智游江城
  • 基于单片机的智能校园照明系统
  • [leetcode]63_不同路径II_有障碍版本
  • C++:模板(1)
  • 11年计算机考研408-数据结构
  • springcloud为什么采用Http而非RPC
  • 深入理解 React 的 useState Hook
  • Java 事务隔离级别及相关概念
  • linux信号| 学习信号三步走 | 学习信号需要打通哪些知识脉络?
  • C++学习笔记(45)
  • Spring IDEA 2024 自动生成get和set以及toString方法
  • JS设计模式之桥接模式:搭建跨越维度的通路
  • 低代码革命:加速云原生时代的端到端产品创新
  • ✨机器学习笔记(五)—— 神经网络,前向传播,TensorFlow