vue 返回键监听返

逃离我推掉我的手 2023-01-06 01:57 158阅读 0赞

遇到个需求，下完单跳转成功页面，此时返回需要回首页，页面有返回按钮但怕用户此时点返回键就监听不到了。  
用了destroy方法中使用$router.push 发现不管用  
可以用 beforeRouteLeave  
![在这里插入图片描述][20210113194352962.png]  
和create等平级

beforeRouteLeave(to,from,next){ 
         next(true)准许跳转
         next(false)不准许跳转
      }

补充  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 1]

[20210113194352962.png]: /images/20221119/7916e53fe03042999ab80093d7c4b504.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70]: /images/20221119/40c78ae3b1bb44338b5f6404906003fe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210113201200347.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关【Vue】监听Enter键

目录一、@keydown.enter 1、使用@keydown.enter指令 2、在@keydown事件处理函数中检查按下的键二、@keyup.enter.nat

迈不过友情╰/ 2024年03月03日 08:06/ 0 赞/ 81 阅读

相关 Android拦截、监听系统返回键事件

Android拦截、监听系统级返回键事件 import android.app.Activity; public class M

╰半夏微凉°/ 2023年10月16日 22:15/ 0 赞/ 52 阅读

相关 vue 返回键监听返

遇到个需求，下完单跳转成功页面，此时返回需要回首页，页面有返回按钮但怕用户此时点返回键就监听不到了。用了destroy方法中使用$router.push 发现不管用

逃离我推掉我的手/ 2023年01月06日 01:57/ 0 赞/ 159 阅读

相关 Android Fragment 监听物理返回 back 键

在很多场景下，我们需要 Fragment 监听物理 back 键，而不是 Activity，这个时候我们只能做一些处理，来让 Fragment 拦截。首先在 Fragmen

Bertha 。/ 2022年12月08日 14:08/ 0 赞/ 506 阅读

相关 iOS监听H5页面goBack返回事件 & 网页监听APP返回键（NavigationBackItemInjection）

文章目录引言 I 、 iOS监听H5页面goBack返回事件 1.1 UIWebView 监听H5页面goBack返回事件 1.2

女爷i/ 2022年10月06日 05:43/ 0 赞/ 218 阅读

相关 android 返回键的监听

@Override public boolean onKeyDown(int keyCode, KeyEvent event) { if

比眉伴天荒/ 2022年09月25日 03:28/ 0 赞/ 187 阅读

相关 F7+vue 物理返回键监听使用

[F7+vue 物理返回键监听使用][F7_vue] 以前使用的是纯F7,这个项目加了Vue进去，但碰到了一个问题，就是这样监听不到安卓物理键的返回，它是点击返回，直接推出程

蔚落/ 2022年06月05日 11:57/ 0 赞/ 284 阅读

相关监听Home键和返回键

创建homereceiver import android.content.BroadcastReceiver; import android.con

淩亂°似流年/ 2022年05月31日 07:53/ 0 赞/ 293 阅读

相关 android h5混合开发返回键监听

android h5混合开发返回键监听在混合开发的时候，android返回键默认每次按返回都是返回上一页，而有时候我们的需求并不是这样的，如果返回的界面是有弹

ゝ一纸荒年。/ 2022年05月26日 11:36/ 0 赞/ 764 阅读

相关多层嵌套Fragment监听返回键

在有一些情况下，需要进行Fragment的监听，简单的Fragment监听可能是如下这样子的。 @Override public void onBackPre

蔚落/ 2021年09月16日 15:46/ 0 赞/ 396 阅读