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)
相关推荐
计算机毕设VX:Fegn08951 天前
计算机毕业设计|基于springboot + vue医院设备管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
明天好,会的1 天前
分形生成实验(五):人机协同破局--30万token揭示Actix-web状态管理的微妙边界
运维·服务器·前端
C_心欲无痕1 天前
nginx - alias 和 root 的区别详解
运维·前端·nginx
北辰alk1 天前
Vue 路由信息获取全攻略:8 种方法深度解析
vue.js
北辰alk1 天前
Vue 三剑客:组件、插件、插槽的深度辨析
vue.js
北辰alk1 天前
Vue Watch 立即执行:5 种初始化调用方案全解析
vue.js
北辰alk1 天前
Vue 组件模板的 7 种定义方式:从基础到高级的完整指南
vue.js
北辰alk1 天前
深入理解 Vue 生命周期:created 与 mounted 的核心差异与实战指南
vue.js
计算机毕设VX:Fegn08951 天前
计算机毕业设计|基于springboot + vue小型房屋租赁系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计