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)
相关推荐
POLITE33 分钟前
Leetcode 160.相交链表 JavaScript (Day 9)
javascript·leetcode·链表
北辰alk9 分钟前
Vue 3 深度解析:watch 与 watchEffect 的终极对决
vue.js
Zyx200711 分钟前
构建现代 React 应用:从项目初始化到路由与数据获取
前端
大布布将军16 分钟前
☁️ 自动化交付:CI/CD 流程与云端部署
运维·前端·程序人生·ci/cd·职场和发展·node.js·自动化
LYFlied16 分钟前
Vue.js 中的 XSS 攻击防护机制详解
前端·vue.js·xss
七宝三叔22 分钟前
C#,为什么要用LINQ?
前端
七宝三叔23 分钟前
用「点外卖」的例子讲透HttpClient
前端
再睡一夏就好36 分钟前
LInux线程池实战:单例模式设计与多线程安全解析
linux·运维·服务器·开发语言·javascript·c++·ecmascript
Beginner x_u39 分钟前
从 Promise 到 async/await:一次把 JavaScript 异步模型讲透
javascript·ajax·promise·异步·async await
C_心欲无痕44 分钟前
nodejs - pnpm解决幽灵依赖
前端·缓存·npm·node.js