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)
相关推荐
天蓝色的鱼鱼4 分钟前
Node.js 现在能直接跑 TypeScript 了,tsx 和 ts-node 还需要吗?
前端·typescript·node.js
阿猫的故乡7 分钟前
Vue动态组件+异步组件实战:Tab切换、按需加载、KeepAlive缓存,一次搞定
前端·vue.js·缓存
风骏时光牛马9 分钟前
Stylus预处理器完整语法与项目实战详细代码案例
前端
tangdou3690986559 分钟前
DevOps Skill工具链:CI/CD流水线搭建全攻略
前端
tangdou36909865515 分钟前
前端Skill全家桶:React+Vue+TypeScript开发实战
前端
大大杰哥22 分钟前
Vue2学习(3)--组件中的通信方式/组件之间的交互
java·前端·javascript
糖醋丸子23 分钟前
D3生成topo 结点连线 webpack 配置兼容ie 11
前端
PixelBai24 分钟前
JSON过滤使用教程:从入门到精通
javascript·chrome·json
阿猫的故乡24 分钟前
Vue3自定义插件:封装一个全局消息提示插件,所有组件都能直接用
前端·javascript·vue.js
用户831348593069827 分钟前
Cesium实现实时联动鹰眼缩略图
vue.js·cesium