微信小程序链接传参并跳转新页面
2016-11-29 11:02
806 查看
像传统的传参一样,只是在微信里面的标签不一样而已,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" ]
目录结构:
以上所述是小编给大家介绍的微信小程序链接传参并跳转新页面,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- 微信小程序链接传参,跳转新页面
- 微信小程序 页面跳转 传递参数
- 微信小程序12---页面跳转
- 微信小程序实现页面内的跳转——scroll-view
- 微信小程序 详解页面跳转与返回并回传数据
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序 页面跳转传参详解
- 微信小程序——页面跳转
- 微信小程序页面间的跳转
- 微信小程序 页面跳转传递值几种方法详解
- 微信小程序页面跳转与事件绑定,传值
- 微信浏览器内打开App Store链接,并跳转到对应的app页面
- 详解微信小程序 页面跳转 传递参数
- 微信小程序之页面跳转和参数传递
- 【微信小程序之页面跳转】从列表的item项跳转到下一个页面
- 微信小程序--简单页面跳转
- 【微信小程序】微信小程序页面跳转的数据传递
- 微信小程序 页面跳转 传递参数
- 微信小程序 页面跳转和数据传递实例详解
- 微信小程序 跳转页面的两种方法详解