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)
相关推荐
谢尔登19 小时前
React架构演变
前端·react.js·架构
木辰風19 小时前
vue在IE浏览器下父页面向子页面传输对象时数据丢失
前端·javascript·html
小雨青年19 小时前
Cursor 项目实战:AI播客策划助手(四)—— 产品发布与交付收尾
前端·人工智能
麻辣翅尖19 小时前
【vue】基于 pdf.js 实现 pdf 文件预览
vue.js·pdf.js
@呵呵19 小时前
上传图片裁剪
开发语言·javascript·vue.js
晚霞的不甘19 小时前
Flutter for OpenHarmony《淘淘购物》主页点击跳转功能详解:从 UI 响应到页面导航的完整实现
前端·flutter·ui·搜索引擎·前端框架·交互
cooldream200919 小时前
前端技术架构详解:Vue 3 + TypeScript + Vite 在具身 AI 系统中的实践
前端·架构·typescript
迟_19 小时前
CSS-实现图片靠右
前端·css
weixin_3954489119 小时前
下位机&yolov11输出
java·服务器·前端
秋秋秋秋秋雨19 小时前
基于若依的vue3+springboot3基础架构项目,前端优化
前端