时间:2021-05-18
像传统的传参一样,只是在微信里面的标签不一样而已,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" ]目录结构:
以上所述是小编给大家介绍的微信小程序链接传参并跳转新页面,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
存在的必要性:mpvue开发微信小程序,在页面跳转到新页面的过程中会有200ms左右的延迟,这个200ms如果用来请求新页面的接口,那么跳转到新页面或许已经渲染
微信小程序页面传参微信小程序的传参,页面跳转,页面之间传递参数在开发APP应用的时候会经常用到这样的功能,这里就用微信小程序来实现,大家可以看下如何实现,如有错
本文实例讲述了vue跳转方式(打开新页面)及传参操作。分享给大家供大家参考,具体如下:1.router-link跳转//直接写上跳转的地址link跳转//添加参
微信小程序跳转页面小程序页面有2种跳转,可以在wxml页面或者js中:1,在wxml页面中:跳转到新页面在当前页打开切换到首页Tab2,在js页面中:【注意】此
以苹果手机为例,wps分享出去的是小程序的原因是: 1、点击分享与发送。 2、新页面不要点微信,向上划到底,点以文档分享。 3、再新页面不要点微信,往左划