微信小程序跳转页面传多个参数，onland赋值给data

代码实现

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

传递多个参数

index页面--->>>yemian页面

index中的点击事件


bindtap="onto"

情况一：单个数据赋值 

index.js代码  

  onto: function (e){
    // 页面跳转


  （  var a=e.currentTarget.dataset.id;

    var name=this.data.tjcard[a].name;
    var title=this.data.tjcard[a].title;
    var time=this.data.tjcard[a].time;
    var good=this.data.tjcard[a].good;
    var say=this.data.tjcard[a].say;
    var content=this.data.tjcard[a].content;
）此段为赋值段可以根据自己的需求赋值


    wx.navigateTo({


      url: '../yemian/yemian?name=' + name + '&title=' + title + '&time=' + time + '&good=' + good + '&say=' + say + '&content=' + content,
    

})
   
    },

 比较重要的就是url里边的链接了（变量不能用引号）

情况二：数组传递

index.js页面代码  

onto: function (e){
    // 页面跳转
    var a=e.currentTarget.dataset.id;
    var obj=JSON.stringify(this.data.tjcard[a]);
//对数组json格式化
    wx.navigateTo({
      url: '../yemian/yemian?obj='+encodeURIComponent(obj),//因为我的这个数组中含有一些特殊字符，所以用encode加密一下
      
    })
   
    },

接收

情况一：（与上边对照）

yemian.js页面里的代码

 onLoad: function (options) {
    console.log(options)
  },

打印传递的参数

打印结果

情况二：（同上）

  onLoad: function (options) {
    var obj = JSON.parse(decodeURIComponent(options.obj))
//解密并赋值给ye
    this.setData({
      ye:obj
    })
    console.log(this.data.ye)
  },
//打印记得不要忘记加.data.

结果

三：在页面中引用