有你,世界才更有趣!

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

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

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

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

或者

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

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

定义方法并传递参数:

// 写留言
comment (e) {
console.log(e)
let sid = e.currentTarget.id
console.log(sid)
wx.navigateTo({ url: '../comment/main?sid=' + sid })
},
《使用mpvue重构个人小程序(十)页面跳转传参》

接收参数

在 comment.vue 的 onLoad 的 options 接收:

onLoad (options) {
console.log(options)
let islogin = false
this
.sid = options.sid

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

测试结果:

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注