使用mpvue重构个人小程序(十)页面跳转传参

上一节:使用mpvue重构个人小程序(九)下拉刷新

前面已经使用到页面跳转,在此简单说明一下页面跳转和参数传递。

定义跳转方式,使用@click 触发。

效果图

或者

效果图

以第二个写留言为例,做跳转

定义方法并传递参数:

1
2
3
4
5
6
7
// 写留言  
comment (e) {
console.log(e)
**let** sid = e.currentTarget.id
console.log(sid)
wx.navigateTo({ url: '../comment/main?sid=' + sid })
},

效果图

接收参数

在 comment.vue 的 onLoad 的 options 接收:

1
2
3
4
5
6
7
onLoad (options) {  
console.log(options)
let islogin = false
this**.sid = options.sid

……

效果图

测试结果:

效果图

使用mpvue重构个人小程序(十)页面跳转传参

https://sunct.github.io/posts/a11697d3.html

作者

sunct

发布于

2019-04-16

更新于

2020-12-24

许可协议


评论