wx.navigateTo小程序传参问题(后续讲多个参数传递)



本文示例 微信小程序 通过navigateTo或者redirectTo实现连接跳转时的参数传值,可能很多微信小程序开发的新手都清楚pages页面之间的参数传值,类比Web网页开发中的通过url的get的方式实现页面之间的参数的传值,在微信小程序的开发中也是具备这样的功能实现,下面就是示例代码:


参数传值:在inde页面的点击事件中 navigate跳转到url,对参数name进行传值hello
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs?name=hell o
    })
  },

参数接收:在 logs的页面中接收来之index页面的参数传值,在logs的js文件中的onLoad的时间事件中进行接受,其中query就是包含name参数的json对象。
Page({
  data: {
    nickname:'default',
    logs: []
  },
  onLoad: function (query) {
    this.setData({
      nickname:query.name
    });
  }
})

wx.navigateTo和wx.redirectTo及中的 query都可以进行页面之间的值的传递。

本文示例 微信小程序 通过navigateTo或者redirectTo实现连接跳转时的参数传值,可能很多微信小程序开发的新手都清楚pages页面之间的参数传值,类比Web网页开发中的通过url的get的方式实现页面之间的参数的传值,在微信小程序的开发中也是具备这样的功能实现,下面就是示例代码:


参数传值:在inde页面的点击事件中 navigate跳转到url,对参数name进行传值hello
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs?name=hell o
    })
  },

参数接收:在 logs的页面中接收来之index页面的参数传值,在logs的js文件中的onLoad的时间事件中进行接受,其中query就是包含name参数的json对象。
Page({
  data: {
    nickname:'default',
    logs: []
  },
  onLoad: function (query) {
    this.setData({
      nickname:query.name
    });
  }
})

wx.navigateTo和wx.redirectTo及中的 query都可以进行页面之间的值的传递。

微信小程序中的wx.navigateTo参数传递问题

只看楼主收藏回复
  • wx.navigateTo小程序传参问题(后续讲多个参数传递)_第1张图片
  • tarcy9898狮子
  • 锋芒毕露
    3
wx.navigateTo小程序传参问题(后续讲多个参数传递)_第2张图片 
wx.navigateTo小程序传参问题(后续讲多个参数传递)_第3张图片
页面是:  wx.navigateTo小程序传参问题(后续讲多个参数传递)_第4张图片 
wx.navigateTo小程序传参问题(后续讲多个参数传递)_第5张图片
我希望是点击全部订单能转到全部订单这个页面,点击待付款能出现到待付款的页面等。。。

这个是我写的部分代码。。。不知道是不是参数传递的过程中出现了问题,有时候点进去能成功传递,有时候不能。。。求大神们指教!!谢谢~



你可能感兴趣的:(wx.navigateTo小程序传参问题(后续讲多个参数传递))