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)
相关推荐
Moment12 分钟前
终于搞懂了!Source Map 是如何让你定位打包后代码的?💥 💥 💥
前端·javascript·webpack
远小帅26 分钟前
基于 Vue.js 的 PDF 文档渲染性能优化实践
vue.js·性能优化·pdf·pdf.js
yang_love101133 分钟前
Webpack vs Vite:深度对比与实战示例,如何选择最佳构建工具?
前端·webpack·node.js
好_快36 分钟前
Lodash源码阅读-keysIn
前端·javascript·源码阅读
好_快36 分钟前
Lodash源码阅读-nativeKeysIn
前端·javascript·源码阅读
好_快39 分钟前
Lodash源码阅读-baseKeysIn
前端·javascript·源码阅读
Good luck—dys42 分钟前
VUE如何后端控制及动态路由详细讲解
前端·javascript·vue.js
好_快1 小时前
Lodash源码阅读-baseGetAllKeys
前端·javascript·源码阅读
裁二尺秋风2 小时前
Nginx — Nginx处理Web请求机制解析
前端·nginx