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)
相关推荐
银河麒麟操作系统31 分钟前
【银河麒麟高级服务器操作系统】有关dd及cp测试差异的现象分析详解
java·linux·运维·服务器·前端·网络
余生H2 小时前
Brain.js(十):GRUTimeStep 实战教程 - 股市指数预测以及与 LSTMTimeStep 对比
javascript·人工智能·深度学习·神经网络·webml·brain.js
m0_748241703 小时前
前端视角下的Go语法学习:创建 Go 项目
前端·学习·golang
珹洺3 小时前
Bootstrap-HTML(五)图像基础样式
前端·javascript·css·网络·bootstrap·html·ecmascript
爱上语文3 小时前
前端成长之路:HTML(4)
前端·html
难以触及的高度3 小时前
Linux中所有和$有关的操作
linux·服务器·前端
编织幻境的妖4 小时前
使用HTML和JavaScript实现随机点名系统
javascript·css·html
java_heartLake4 小时前
Vue3之响应式系统详解
前端·javascript·vue.js
paterWang5 小时前
小程序-基于java+SSM+Vue的模拟考试管理系统设计与实现
java·vue.js·小程序