首页 > 其他分享 >vue返回离开页面提示

vue返回离开页面提示

时间:2023-02-08 11:36:31浏览次数:34  
标签:vue 提示 next 回调 beforeRouteLeave 页面

vue有一个beforeRouteLeave函数,跟生命周期同级

data() {
 return {}
},
beforeRouteLeave(to, from, next) {
    
  setTimeout(() => {
    //可自己制作确认框,自定义需要加上定时器执行,不加的话会出现一闪莫名其妙的bug
    let r = window.confirm("系统可能不会保存您所做的更改。");
    if(r){
        //确认回调
        next()
    }else{
       //取消回调
        next(false);
    }
  }, 100)
},       

标签:vue,提示,next,回调,beforeRouteLeave,页面
From: https://www.cnblogs.com/murenziwei/p/17101111.html

相关文章

  • shiro-从数据库中获取授权信息与显示菜单在页面上(注解版和jsp标签)
    修改realm的doGetAuthorizationInfo,从数据库查询权限信息。使用注解式授权方法。使用jsp标签授权方法。1.修改doGetAuthorizationInfo从数据库查询......
  • VSCode 抽取vue的代码片段
    在vscode中文件——>首选项——>用户片段,输入名字按去确定,输入代码片段{"vuehtm":{"scope":"html","prefix":"vuehtml","body":[......
  • Vue事件总线
        vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,如果两个页面没有任何引入和被引入关系,该如何通信?如果咱们的应用程序不需要类似Vuex这......
  • Vue 文件流预览 PDF
    js//pdf预览exportfunctionpdfYL(foreId){returnrequest({url:'/bbs/regtech/law/download?id='+foreId,method:'get',responseType:"blob",......
  • 基于vue3的跑马灯组件|vue3-marquee
    vue3-marquee是Vue3的一个简单的跑马灯组件,可以创建可定制的跑马灯效果。该组件为您的内容使用插槽,提供多种配置选项来控制跑马灯的效果。安装//npmnpminstallv......
  • vue内置指令和自定义指令
    vue内置指令常用的内置指令:v-bind:单向绑定解析表达式,可简写为:xxxv-model :双向数据绑定v-for :遍历数组/对象/字符串v-on :绑定事件监听,可简写为@v-i......
  • JS获取当前页面 URL 参数方法(转)
    转自:JS获取URL参数方法、js获取当前url中的参数、JS获取URL参数的4种方法总结法一constresult=newURLSearchParams(this.props.location.search);constparam=res......
  • Vue组件间通讯方式
    总结Vue组件间通讯方式父子组件通讯父向子一般为props:在父组件内,子组件标签上写明传递参数的名字和值,在子组件内部用props声明,即可使用//子......
  • #yyds干货盘点#【愚公系列】2023年02月 微信小程序-电商项目-商品详情页面运费说明
    前言vant-weapp的van-cell单元格apiCellGroupProps参数说明类型默认值title分组标题string-insetv1.7.2是否展示为圆角卡片风格booleanfalsebo......
  • vue高级进阶( 一 ) 组件精髓概述
    前言这个系列可能会分为几部分:基础以及高级用法总结一些比较有代表性的实战源码解析(一定是用最粗俗,不对,是最通俗的语言讲解,这个我可以保证)总之一定对得起高级......