zoukankan      html  css  js  c++  java
  • Vue 离开页面时的校验-mixin-beforeRouteLeave

    一定要看下函数前的注释, 需要在使用的页面定义【needCheckFlag】data属性

    一定要看下函数前的注释, 需要在使用的页面定义【needCheckFlag】data属性

    一定要看下函数前的注释, 需要在使用的页面定义【needCheckFlag】data属性

    /**
     * what for: check when leave
     * how to use:
     * step-1: import routeLeaveCheck from '@/mixins/router/leave-check'
     * step-2: mixins: [routeLeaveCheck],
     * step-3: ❗❗❗
     *    define 【 needCheckFlag 】 in your own vue file(default value is true)
     *    sometime you dont' need checking when leave this page(click button, router-link etc..),
     *    you can change the value to be "false" before such kind operations
     */
    export default {
      beforeRouteLeave(to, from, next) {
        if (this.needCheckFlag) {
          this.$confirm('确定离开此页面?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => { 
            // some logic
            next() 
          })
            .catch(() => { next(false) })
        } else {
          next()
        }
      }
    }
    
    Keep learning
  • 相关阅读:
    2、MapStruct 深入理解
    1、MapStruct的应用
    Spring中的注解
    java中的三个内置注解
    依赖注入集合属性
    List Set Map的特点
    为类类型的属性依赖注入值
    java常用专业术语
    Bean的作用域范围
    Bean的生命周期
  • 原文地址:https://www.cnblogs.com/leslie1943/p/13364835.html
Copyright © 2011-2022 走看看