H5 首页路由问题

[Departures]

在使用 vue-router 的时候遇见了一个问题：在 h5 入口页滑动返回不会退出 h5，而是会回退到之前访问过的子页面，请问各位大大怎么解决？

[kop1989]

“退出 h5”是什么概念？

[MonkeyD1]

Location.replace()

[MonkeyD1]

MDN https://developer.mozilla.org/zh-CN/docs/Web/API/Location/replace

[bzw875]

因为子页面也是路由，记录在历史记录了。解决办法就是子页面不用路由，设置一个状态字段控制显示隐藏更新

[MonkeyD1]

vue router 的话 router.replace(location, onComplete?, onAbort?)
跟 router.push 唯一的不同就是，它不会向 history 添加新记录，而是跟它的方法名一样 —— 替换掉当前的 history 记录。

[workg]

进入你 h5 应用的第一个页面为路由栈底，后续的页面都会在上面。
如果想要首页为第一个路由，需要把首页更新为栈底。可以通过 router.replace 等方法

[h1104350235]

如果是 app 内嵌 h5 的话，需要客户端提供一个关闭 webview 的方法。

[zhuweiyou]

监听 pop state 调用关闭 webview 的方法, 如果是微信内, 可以 wx.closeWindow()

[sjhhjx0122]

子页面的返回用 replace，不要用 push