2019-12-12 微信小程序传参(数组 对象)

传递参数页面
//通过提供的JSON.stingify()方法,将对象转换成字符串后传递
goSound(e){
var item = JSON.stringify(e.currentTarget.dataset.audio)
wx.navigateTo({
url: '/pages/audio/audio?item=' + item,
})
}

接收参数页面
//通过提供的JSON.parse()方法,将字符串转换成对象接受使用
onLoad: function (option) {
//模拟从服务器获取数据
setTimeout(() => {
let audioData = JSON.parse(option.item)
this.setData({
audio: audioData.audio
})
console.log(this.data.audio, '-------------------')
this.initBackGroundAudio();
}, 2000);
},

另外补充依据,在data(){}里面定义的变量,利用this.setData({})方式赋值后,直接console.log(this.变量名)得到的结果是undefined,正确的取值方式是:this.data.变量名

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在开发微信小程序过程之中,遇到这么一些需要在微信小程序页面之间进行数据的传递的情况,也遇到了开发过程微信小程序限制...
    Evtion阅读 46,833评论 4 28
  • mean to add the formatted="false" attribute?.[ 46% 47325/...
    ProZoom阅读 7,613评论 0 3
  • 配置文件 app.json的配置(全局) { // 用来配置页面的路径 "pages":[ "pages/inde...
    左狐偃阅读 3,677评论 0 0
  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 13,155评论 0 13
  • 文/呱呱鸟 这社会上有许多聪明人,甚至是绝顶的聪明,但是往往聪明反被聪明误,似乎什么都不吃亏,大事不会做,小事情也...
    呱呱鸟阅读 6,554评论 13 93