设为首页收藏本站
开启辅助访问

微信小程序页面调用app.js的方法/app.js调用页面的方法

 您所在的位置：网站首页 › js中定义方法 › 微信小程序页面调用app.js的方法/app.js调用页面的方法

微信小程序页面调用app.js的方法/app.js调用页面的方法

2023-07-04 12:19| 来源: 网络整理| 查看: 265

1.微信小程序 如何使用globalData

App({ globalData: { pageName: 'index', }, onLoad: function(){ console.log(this.globalData.pageName); } })

如果我们需要在app.js中修改globalData，只需要给对应的变量重新赋值就可以了：

App({ globalData: { pageName: 'index', }, onLoad: function(){ console.log(this.globalData.pageName); this.globalData.pageName = 'new'; }， globalFn: function() { } })

2.在其他页面中使用globalData，以及调用app.js的方法 首先引用app()实例

const app = getApp();

获取globalData以及修改globalData

var app = getApp(); Page({ onLoad: function() { console.log(app.globalData.pageName); app.globalData.pageName = 'new'; } })

调用app.js的方法

var app = getApp(); Page({ onLoad: function() { console.log(app.globalData.pageName); app.globalData.pageName = 'new'; app.globalFn(); } })

3.app.js调用页面的方法 页面中：

var app = getApp(); Page({ onLoad() { console.log(app.globalData.pageName); app.globalData.pageName = this; // 将globalData的页面指向自己 app.globalFn(); }， callbackFn() { console.log('app.js调用的方法'); } })

app.js中：

App({ globalData: { pageName: 'index', }, onLoad: function(){ console.log(this.globalData.pageName); }， globalFn: function() { this.globalData.pageName.callbackFn(); // 调用页面里的方法 } })


【本文地址】


今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3