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

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

相关文章:

  • 来自中国信通院的认可!奥哲与中冶长天携手摘得“鼎新杯”奖
  • 【Gitee自动化测试3】Git的本地使用,连接推送至Gitee上的仓库中
  • 【洛谷】AT_abc178_d [ABC178D] Redistribution 的题解
  • 【Elasticsearch】-实现图片向量相似检索
  • 科研小白入门工具
  • Android系统:系统架构
  • Mysql 架构
  • GS-SLAM论文阅读笔记--MM3DGS SLAM
  • vue打包后的dist文件如何启动测试
  • 苹果电脑系统重磅更新——macOS Sequoia 15 系统 新功能一 览
  • 2024年软考——信息系统监理师30天冲刺学习指南!!!
  • 2024年自动化、电气控制系统与设备国际学术会议(AECSE 2024)
  • 半导体制造过程中设备通信的高级概述
  • 无人机飞手入伍当兵技术优势分析
  • 【达梦数据库】临时表的使用测试
  • [Vue CLI 3] 配置解析之 css.extract
  • 【笔记】你不知道的JS读书笔记——Promise
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • angular2 简述
  • laravel 用artisan创建自己的模板
  • mockjs让前端开发独立于后端
  • session共享问题解决方案
  • VuePress 静态网站生成
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 浮动相关
  • 官方解决所有 npm 全局安装权限问题
  • 罗辑思维在全链路压测方面的实践和工作笔记
  • 区块链分支循环
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 什么是Javascript函数节流?
  • 最近的计划
  • 深度学习之轻量级神经网络在TWS蓝牙音频处理器上的部署
  • ​【C语言】长篇详解,字符系列篇3-----strstr,strtok,strerror字符串函数的使用【图文详解​】
  • #FPGA(基础知识)
  • #QT(QCharts绘制曲线)
  • #如何使用 Qt 5.6 在 Android 上启用 NFC
  • (12)目标检测_SSD基于pytorch搭建代码
  • (C++17) std算法之执行策略 execution
  • (C语言)fgets与fputs函数详解
  • (大众金融)SQL server面试题(1)-总销售量最少的3个型号的车及其总销售量
  • (动态规划)5. 最长回文子串 java解决
  • (二)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (附源码)ssm考试题库管理系统 毕业设计 069043
  • (三)docker:Dockerfile构建容器运行jar包
  • (十三)Flask之特殊装饰器详解
  • (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly DetectionRecommender Systems...
  • ./configure,make,make install的作用
  • .desktop 桌面快捷_Linux桌面环境那么多,这几款优秀的任你选
  • .net core 6 使用注解自动注入实例,无需构造注入 autowrite4net
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .net core开源商城系统源码,支持可视化布局小程序
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅
  • .net6解除文件上传限制。Multipart body length limit 16384 exceeded
  • .NET设计模式(8):适配器模式(Adapter Pattern)
  • ??在JSP中,java和JavaScript如何交互?