h5+监听返回键，点击返回键退出应用

Question

用vue+elementui写的项目，打包后，将static和index放在h5+项目中运行，监听返回键，在回调函数中执行了console，却没有向下执行alert和路由跳转，这是为什么，每次一点击返回键就执行退出应用了

Answer 1

该回复引自免费微信小程序-皆我百晓生:

---

根据你提供的信息，有几个可能的原因导致问题出现：

1. 确保监听到返回键事件：如果你使用的是Vue Router来导航，你需要在Vue组件的生命周期钩子中添加对返回键事件的监听。在Vue实例的created或mounted钩子中添加监听代码如下：

created() {
  document.addEventListener('plusready', this.onPlusReady, false);
},
mounted() {
  document.addEventListener("backbutton", this.onBackButton, false);
},
methods: {
  onPlusReady() {
    // 在这里可以添加针对H5+环境的特定代码
  },
  onBackButton() {
    console.log("按下了返回键");
    // 执行需要的退出应用逻辑
    alert("按下了返回键"); // 这里的alert应该会弹出
    // 路由跳转代码
    this.$router.push('/'); // 路由跳转
  }
}

1. 确保Vue Router正常工作：在Vue Router中，通常需要使用this.$router.push()进行路由跳转。确保你正确配置了Vue Router，并且在$router.push()中指定了正确的路由。

2. 确保代码没有执行错误：请确保没有在控制台中看到任何错误提示，特别是在控制台中检查是否有关于Vue Router的错误。

3. 确保静态资源路径正确：如果你将打包后的静态资源放在了H5+项目中运行，确保你正确指定了静态资源的路径。确保<script>标签中的src和<img>标签中的src指向正确的路径。

希望这些提示对你有帮助！如果问题仍然存在，请提供更多的代码和错误信息，以便我们可以更好地理解和解决问题。