微信小程序之页面传值详解-微信小程序页面之间三种传值方式详解-小程序页面传值-即速应用

微信小程序之页面传值详解-微信小程序页面之间三种传值方式详解-小程序页面传值

浏览量：2497 时间：2020-03-20 来源：自酌一杯酒

第一种：url传值
1.A页面部分js代码
Page({toDetailPage:function(e){varzhi="biubiubiu~~";wx.navigateTo({url:'/pages/detail/detail?zhi='+zhi,}})
2.B页面部分js代码
Page({/***onLoad生命周期函数--监听页面加载*/onLoad:function(options){console.log(options);//biubiubiu~~},})第二种：将值缓存在本地，再从本地取值
3.A页面部分js代码
Page({toDetailPage:function(e){varzhi="biubiubiu~~";wx.setStorageSync("zhi",zhi);//同步wx.navigateTo({url:'/pages/detail/detail',//这儿url不用带值了})}})
4.B页面部分js代码
Page({/***onLoad生命周期函数--监听页面加载*/onLoad:function(options){varzhi=wx.getStorageSync("zhi");console.log(zhi);//biubiubiu~~},})
5.本地缓存，不要超过10M大小，所以高清图片、视频、音频就不通过本地缓存传值了。
第三种：全局传值
6.app.js页面代码
App({globalData:{host:'http://cache.video.iqiyi.com/jp/avlist/202861101/1/?callback=jsonp9'}})
7.其他页面js代码
constapp=getApp();Page({onLoad:function(options){//获取定义的全局变量host，首先要先实例化appvarhost=app.globalData.host;console.log(host);//http://cache.video.iqiyi.com/jp/avlist/202861101/1/?callback=jsonp9},getProList:function(e){varhost=app.globalData.host;wx.request({url:host,method:'GET',success:function(res){console.log(res.data);},fail:function(err){console.log(网络错误);}})}})