vue如何消除点击“返回”按钮恼人的操作？

Question

注：最近在做混合app开发，标题中的 “返回” 包含 浏览器的返回按钮 和 手机的返回键。条件：vue项目有 Index、List、Detail 三个路由，分别对应三个同名组建，Index 有 路由 跳转到 List，List 有路由跳转到 Detail ，反过来，Detail 有返回按钮，可以跳转到 List，List 有返回按钮跳转到 Index问题描述按正常操作逻辑，在 Index 上点击按钮跳转到 List 页面，List 页面点击某条记录跳转到 Detail 页面，这个时候是没有问题的，但是当你点击 Detail 上的返回按钮 跳转到 List 页面时，再通过点击“返回”按钮，你会发现又跳转到 Detail 页面去了——这个时候往往期望的是返回到 Index 页面。问题1、该怎么处理这个操作呢？？？ 以便让 app 体验更好，求思路；2、想实现一个点击手机返回按钮，然后提示：“再按一次退出”的功能（可能上上面关系不大，如果有思路也请提供下）谢谢！！！

Answer 1

建议了解一下hashChange、popstate事件

Answer 2

知识点：onpopstate事件，点击后退按钮(或者在JavaScript中调用history.back()方法)时触发；

代码：

window.onpopstate = function() {  
      alert("再按一次退出")  
 };