• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请


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


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

参数接收:在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=hello
    })
  },

参数接收:在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参数传递问题

只看楼主收藏回复
 

页面是:  

我希望是点击全部订单能转到全部订单这个页面,点击待付款能出现到待付款的页面等。。。

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




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序优秀开发资源汇总发布时间:2022-07-18
下一篇:
mpvue微信小程序项目踩坑记录发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap