mpvue开发微信小程序页面跳转（入坑传递多个参数网址类型）

1. 利用小程序提供的 API 跳转&＃xff1a;

// 保留当前页面&＃xff0c;跳转到应用内的某个页面&＃xff0c;使用wx.navigateBack可以返回到原页面。
// 注意&＃xff1a;调用 navigateTo 跳转时&＃xff0c;调用该方法的页面会被加入堆栈&＃xff0c;但是 redirectTo
wx.navigateTo({url: &＃39;page/home/home?user_id&＃61;111&＃39;
})

// 关闭当前页面&＃xff0c;返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈&＃xff0c;决定需要返回几层。
wx.navigateTo({url: &＃39;page/home/home?user_id&＃61;111&＃39;　　// 页面 A
})
wx.navigateTo({url: &＃39;page/detail/detail?product_id&＃61;222&＃39;　　// 页面 B
})
// 跳转到页面 A
wx.navigateBack({delta: 2
})

 坑&＃xff1a;

发现传递多个参数时第一个参数如果是网址类型的&＃xff0c;后面的参数就不会传递&＃xff01;解决方法&＃xff1a;把网址类型的参数放到最后&＃xff01;

wx.navigateTo({url: "/pages/Extranet/main?titles&＃61;"&＃43;titles&＃43;"&urling&＃61;" &＃43; urling })

// 关闭当前页面&＃xff0c;跳转到应用内的某个页面。
wx.redirectTo({url: &＃39;page/home/home?user_id&＃61;111&＃39;
})
// 跳转到tabBar页面&＃xff08;在app.json中注册过的tabBar页面&＃xff09;&＃xff0c;同时关闭其他非tabBar页面。
wx.switchTab({url: &＃39;page/index/index&＃39;
})
// 关闭所有页面&＃xff0c;打开到应用内的某个页面。
wx.reLanch({url: &＃39;page/home/home?user_id&＃61;111&＃39;
})

2. wxml 页面组件跳转&＃xff08;可以通过设置open-type属性指明页面跳转方式&＃xff09;&＃xff1a;


// navigator 组件默认的 open-type 为 navigate
跳转到新页面
// redirect 对应 API 中的 wx.redirect 方法
在当前页打开
// switchTab 对应 API 中的 wx.switchTab 方法
切换 Tab
// reLanch 对应 API 中的 wx.reLanch 方法
关闭所有页面&＃xff0c;打开到应用内的某个页面
// navigateBack 对应 API 中的 wx.navigateBack 方法
关闭当前页面&＃xff0c;返回上一级页面或多级页面