技术栈

在vue3中实现祖组件给后代组件传参,可以跨域几层。

今晚吃什么呢?2024-10-22 6:02

使用provide和inject就可以

下面是祖组件代码:

复制代码
//这是祖组件

// 引入provide 
import { provide } from "vue";

//定义数据
const projectId = ref("");

// 给后代组件传参
provide("projectId", projectId);

下面是后代组件代码:

复制代码
//后代组件

//引入inject
import { inject} from "vue";

//接受祖组件
const projectId = inject("projectId");
上一篇:C语言内联汇编
下一篇:STM32G4系列MCU的ADC模块标定方法和采样时间
相关推荐
Csvn
8 小时前
WASM
前端
修己xj
9 小时前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing03
10 小时前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿
10 小时前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
moshuying
11 小时前
网购能买Token了!
前端
h_6543210
12 小时前
echarts实现柱状图加一条横线
前端·echarts
风骏时光牛马
12 小时前
生成一个后端标题,只需要一个标题,不需要其他的任何文本。
前端
子非鱼@Itfuture
12 小时前
关于前后端联调中登录状态/登录信息失效?
java·前端
郭小李
12 小时前
openFeign入门
java·开发语言·前端
馒头不想说话
12 小时前
AI当运营,帮你省人力
前端
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02GitHub 镜像站点03历年考研数学一、数学二、数学三真题试卷及答案PDF04几个好用的ip纯净度检测网站05苹果iPA游戏软件资源下载网站06蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接07如何新建文件夹? 电脑新建文件夹的4种方法08昇腾910B系列芯片完全指南:四款型号对比、服务器选型与大模型部署实战09Dify:一站式AI应用开发平台全解析与Windows部署指南10Android 屏幕适配系列开篇:核心概念、官方机制与主流方案