vue 返回键监听返

逃离我推掉我的手 2023-01-06 01:57 166阅读 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 条评论，166人围观）

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

相关阅读

相关【Vue】监听Enter键

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

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

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

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

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

相关在Android中实现监听返回键，主键，菜单键

一、监听返回键 onKeyDown方法和onBackPressed方法 onKeyDown：是当某个按键被按下是触发。所以也有人在点击返回键的时候去执行该方法来做判断

╰半橙微兮°/ 2023年10月03日 17:52/ 0 赞/ 2 阅读

相关 JS监听手机返回键

//当点击返回键时，返回到上上页 function onBackGoHistory(){ pushHistory(); window.add

深碍√TFBOYSˉ_/ 2023年05月29日 02:29/ 0 赞/ 13 阅读

相关 vue 返回键监听返

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

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

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

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

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

相关 android 返回键的监听

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

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

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

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

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

相关监听Home键和返回键

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

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

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

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

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