微信小程序链接传参并跳转新页面

这篇文章主要介绍了微信小程序链接传参并跳转新页面的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

 像传统的传参一样,只是在微信里面的标签不一样而已,navigator标签的文档说明

https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122

下面是传递参数并展示新页面的一个简单栗子:

这是index.wxml代码:

  评19

url是../detail/detail....... 传递参数是id="{{item.id}}" url="../detail/detail?id=88"

detail.js代码如下

 Page({ onLoad: function(options) { var duanziId = options.id var that = this wx.showToast({ title: '加载中', icon: 'loading', duration: 1000 }) wx.request({ url: 'https://www.xxx.xxx?m=getDetail&duanziId='+duanziId, //服务器参数接收地址, data: {token:token}, method: 'GET', success: function(res){ console.log(res.data.result) //打印获取数据 that.setData({ duanziDetail:res.data.result }) } }) } })

detail.wxml代码:

  {{duanziDetail.content}}

app.json中pages配置代码如下

 "pages":[ "pages/index/index", "pages/detail/detail", "pages/center/center", "pages/tucao/tucao", "pages/search/search" ]

目录结构:

以上就是微信小程序链接传参并跳转新页面的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程