微信小程序实战:app主页面保存page页面实例
先上代码。
app.js
//app.js App({ onLaunch: function () { // 登录 wx.login({ success: res => { if (this.globalData.pageObject.index.setData) { this.globalData.pageObject.index.setData({ test: true }) } } }) }, globalData: { pageObject:{} } })
index.js
//index.js //获取应用实例 const app = getApp() Page({ data: { test:false }, onLoad: function () { console.log("onLoad") app.globalData.pageObject.index = this } })
index.wxml
<!--index.wxml--> <view class="container"> <view class="login-zone" wx:if="{{!test}}"> 测试... </view> </view>
有的时候,可能会遇到需要在父页面调用子页面 setData 的情况。
我们可以在子页面的代码中,把 this引用 存在父页面里面。
app.globalData.pageObject.index = this
然后在父页面里面调用子页面的 setData 方法。
if (this.globalData.pageObject.index.setData) { this.globalData.pageObject.index.setData({ test: true }) }
以上。
posted on 2020-02-04 14:37 fox_charon 阅读(556) 评论(0) 编辑 收藏 举报