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

2018-07-13  本文已影响26人  ChasenGao

例子:
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
上一篇 下一篇

猜你喜欢

热点阅读