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

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

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

https://mp.weixin.qq.com/debMRhrKug/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://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"

]

目录结构：

以上所述是给大家介绍的微信小程序链接传参并跳转新页面，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。