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)
相关推荐
知行力几秒前
【GitHub每日速递 20251209】Next.js融合AI,让draw.io图表创建、修改、可视化全靠自然语言!
javascript·人工智能·github
REDcker3 分钟前
JS 与 C++ 语言绑定技术详解
开发语言·javascript·c++
zlpzlpzyd11 分钟前
vue.js 3中全局组件和局部组件的区别
前端·javascript·vue.js
浩星21 分钟前
css实现类似element官网的磨砂屏幕效果
前端·javascript·css
一只小风华~24 分钟前
Vue.js 核心知识点全面解析
前端·javascript·vue.js
2022.11.7始学前端28 分钟前
n8n第七节 只提醒重要的待办
前端·javascript·ui·n8n
SakuraOnTheWay31 分钟前
React Grab实践 | 记一次与Cursor的有趣对话
前端·cursor
阿星AI工作室34 分钟前
gemini3手势互动圣诞树保姆级教程来了!附提示词
前端·人工智能
徐小夕37 分钟前
知识库创业复盘:从闭源到开源,这3个教训价值百万
前端·javascript·github
xhxxx1 小时前
函数执行完就销毁?那闭包里的变量凭什么活下来!—— 深入 JS 内存模型
前端·javascript·ecmascript 6