uniapp定义globalData的方式和调用方法

admin

在App.vue中定义如下代码：

1. <script>
   
2.         export default {
   
3.                 globalData: {
   
4.                         area_id: 0
   
5.                 },
   
6.                 onLaunch: function() {
   
7.                         console.log('App Launch')
   
8.                 },
   
9.                 onShow: function() {
   
10.                         console.log('App Show')
    
11.                 },
    
12.                 onHide: function() {
    
13.                         console.log('App Hide')
    
14.                 }
    
15.         }
    
16. </script>

复制代码

然后再页面中使用getApp().globalData.area_id或者先定义app = getApp()，代码如下：

1. <script>
   
2.         const app = getApp();
   
3.         export default {
   
4.                 data() {
   
5.                         return {
   
6.                                 title: 'Hello'
   
7.                         }
   
8.                 },
   
9.                 onLoad() {
   
10.                         console.log(app.globalData.area_id)
    
11.                 },
    
12.                 methods: {
    
13. 
    
14.                 }
    
15.         }
    
16. </script>

复制代码