使用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') },