概述
像传统的传参一样，只是在微信里面的标签不一样而已，navigator标签的文档说明：
https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122
下面是传递参数并展示新页面的一个简单栗子：
这是index.wxml代码：
<navigator class="bury-wrapper wx-li" url="../detail/detail?id={{name.id}}">
<view>评19</view>
</navigator>
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代码：
<view class="duanzi-content">
<text class="dz-content">{{duanziDetail.content}}</text>
</view>
app.json中pages配置代码如下
"pages":[ "pages/index/index", "pages/detail/detail", "pages/center/center", "pages/tucao/tucao", "pages/search/search" ]
目录结构：
以上所述是小编给大家介绍的微信小程序链接传参并跳转新页面，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
最后
以上就是现实钢笔为你收集整理的微信小程序链接传参并跳转新页面的全部内容，希望文章能够帮你解决微信小程序链接传参并跳转新页面所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复