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)
相关推荐
用户88766542663几秒前
Web3 前端实时通信如何落地:从 SSE 订阅到行情、订单与账户状态更新
前端·react.js·web3
an317423 分钟前
使用 LangGraph + DeepSeek 构建 AI 面试官:状态图设计与实践
前端·ai编程
代码不加糖4 分钟前
MessageChannel是什么,有什么使用场景?
前端·javascript
小小龙学IT8 分钟前
HTMX:让 HTML 重新成为前端核心的超轻量动态交互库
前端·html·交互
星栈9 分钟前
写 Makepad Demo 不难,难的是把它写成项目
前端·rust
用户0595401744610 分钟前
localStorage清除策略踩坑实录:一个过期的token让我排查了3小时
前端·css
Nanachi12 分钟前
跨框架的前端源码定位,再加上点LLM
前端
人无远虑必有近忧!32 分钟前
fetch请求图片报跨域
前端·javascript
谢院柯33 分钟前
解决修改 node_modules 依赖库源码后重复安装问题的几种方案
前端
疯狂打码的少年35 分钟前
【程序语言与编译】NFA转DFA(子集构造法)
前端·笔记