美文网首页
微信小程序wx.navigateTo页面传值JSON

微信小程序wx.navigateTo页面传值JSON

作者: ChasenGao | 来源:发表于2018-07-13 12:07 被阅读26次

例子:
index页中的一个json传递到search页中。

index.js

Page({
  data: {
    "tempArr01": [{
      "id": 1,
      "title": "独立运动日"
    }, {
      "id": 2,
      "title": "笔记本电脑 自营"
    }, {
      "id": 3,
      "title": "健身器材"
    }]
  },uIptSearch(){
    let arr = JSON.stringify(this.data.tempArr01);
    wx.navigateTo({
      url: '../search/search?tempArr='+arr
    })
  }
})

在调用页面跳转的function中设置局部变量arr来接受data中tempArr01的值。
然后在wx.navigateTo中调用

//未调用
wx.navigateTo({
      url: '../search/search'
 })

//调用
wx.navigateTo({
      url: '../search/search?tempArr='+arr
    })
//tempArr是新页面中的变量,arr是刚刚设置的变量

在search页面中,可以通过下面的方式接受变量。

onLoad: function (options) {
    let arr = JSON.parse(options.tempArr)
    console.log(arr)
  }

运行状态如下:


GIF.gif

相关文章

网友评论

      本文标题:微信小程序wx.navigateTo页面传值JSON

      本文链接:https://www.haomeiwen.com/subject/ulejpftx.html