微信小程序中navigateTo的跳转以及传递参数

跳转:

在原页面的tabbar中的一个跳转,通过bindtap绑定事件bindViewTap,并调用wx.navigateTo

 bindViewTap: function () {
    wx.navigateTo({
      url: '../phonenumber/phonenumber?id=2020&time=20200309'
    })
  },

传参: 传参上面的代码写的很详细:?隔开,多个参数之间使用 &

接收参数:

onLoad: function (options) {//此处接收传递过来的参数wx.navigateTo跳转时传递的参数
    console.log(options.id);
    console.log(options.time);
    //如果要在页面中使用
    this.setData({
       id: options.id
    })
  },

注意:可能是版本区别,有的是这样写的

Page({
  onLoad(option) {
    console.log(option.query.id);
    console.log(option.query.time);
  }
})

最后:

        1.wx.navigateBack可以跳回

        2.如果navigateTo传递的参数本身携带?,可以使用encodeURIComponent和decodeURIComponent编解码,否则会被截断,导致?后面的数据无法传递后跳转页面。

发布了128 篇原创文章 · 获赞 250 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/XU441520/article/details/104751684