VUE在TS中变量或函数穿透在别的页面进行调用

1.在A页面创建方法,并传递方法:

复制代码
const getMenuInfo = () => { 
    *** 
}

provide('getMenuInfo', getMenuInfo);

在其他页面接收方法并使用:

复制代码
const getMenuInfo = inject<() => void>('getMenuInfo');


getMenuInfo ();

2.在A页面创建变量,并传递变量:

复制代码
const role = ref('admin');

provide('role',role);

在其他页面接收变量并使用:

复制代码
const role = inject('role');

console.log(role.value)
相关推荐
李长渊哦1 小时前
深入理解 JavaScript 中的全局对象与 JSON 序列化
开发语言·javascript·json
Lonwayne3 小时前
过去十年前端框架演变与技术驱动因素剖析
前端框架·程序那些事
Senar3 小时前
如何判断浏览器是否开启硬件加速
前端·javascript·数据可视化
HtwHUAT4 小时前
实验四 Java图形界面与事件处理
开发语言·前端·python
利刃之灵4 小时前
01-初识前端
前端
codingandsleeping4 小时前
一个简易版无缝轮播图的实现思路
前端·javascript·css
天天扭码4 小时前
一分钟解决 | 高频面试算法题——最大子数组之和
前端·算法·面试
全宝4 小时前
🌏【cesium系列】01.vue3+vite集成Cesium
前端·gis·cesium
拉不动的猪5 小时前
简单回顾下插槽透传
前端·javascript·面试
烛阴5 小时前
Fragment Shader--一行代码让屏幕瞬间变黄
前端·webgl