Mpvue路由跳转

2019-04-16  本文已影响0人  LeungJhowe

借鉴

1、mpvue怎么新建页面?(1)粘贴复制一个页面文件夹,只需要改文件夹名- 文件名不需要改,main.js里的东西不用动。export default里更改局部顶部栏配置。(2)index.vue里面可以更改内容。2、mpvue页面跳转与传值?(1)在mpvue中没有继续延用vue路由的写法,而是继承小程序的一套解决方案,(2)用小程序的方法跳转传值。 var url = "../one/main?id=" + this.option wx.navigateTo({url})(3)<navigator url="'../test/main?id='+id></navigator>,用hover-class传动态参数,怎么传还没弄懂。(4)a标签也可以跳转,用href属性。3、mpvue接受页面传过来的值。(1)必须是在onLoad钩子函数往后的生命周期中获取
onShow (options) {
let id = options.id
}
(2)在所有 页面 的组件内可以通过 this.root.mp.query 进行获取小程序在 pageonLoad 时候传递的 options。要注意:写在mounted函数里,写到created报错。(3)在所有的组件内可以通过 this.root.mp.appOptions 进行获取小程序在 apponLaunch/onShow 时候传递的 options。

上一篇下一篇

猜你喜欢

热点阅读