源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-03-17 23:06 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:微信小程序链接传参并跳转新页面
 像传统的传参一样,只是在微信里面的标签不一样而已,[b]navigator标签的文档说明[/b]: [url=https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122]https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122[/url] 下面是传递参数并展示新页面的一个简单栗子: 这是index.wxml代码:
<navigator class="bury-wrapper wx-li" url="../detail/detail?id={{name.id}}"> 
<view>评19</view> 
</navigator>
[b]url是../detail/detail....... 传递参数是id="{{item.id}}" url="../detail/detail?id=88"[/b] 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" 
]
目录结构: [img]http://files.jb51.net/file_images/article/201611/20161129110347255.png?2016102911413[/img] 以上所述是小编给大家介绍的微信小程序链接传参并跳转新页面,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部