使用uniapp开发时,可以通过在app.vue中定义全局变量,在没个页面内通过globalData获取
1、app.vue文件内部的写法
<script> export default { globalData: { text: 'text' }, onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: function() { console.log('App Hide') } } </script> <style> /*每个页面公共css */ </style>
2、在每个下级文件内的写法
onLoad() { var globalData = getApp().globalData.text; //获取全局变量 getApp().globalData.text = 'abc'; //修改全局变量 console.log(globalData); console.log(getApp().globalData.text); },
3、需要注意的是,如果需要在app.vue中获取这个全局变量,需要按以下写法
onLaunch: function() { console.log(this.$scope.globalData.text) console.log('App Launch') },
原文地址:https://www.cnblogs.com/Alex-Song/p/12512358.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。