vue

使用vue如何判断页面是否编辑及编辑页面未保存离开时,给出弹窗提示

发布于 2021-01-11 17:27:31
关注者
0
被浏览
1164
3 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。
    router.beforeEach((to, from, next) => {
         if(from.path == "...从某个页面跳转...") {
              if(confirm('编辑内容未保存,是否离开?')) {
                  next()
              }else {
                next(false)
              }
                //1. next()  进行管道中的下一个钩子。如果全部钩子执行完了,则导航的状态就是confirm的
                //2. next('/') 或者next({path:'/'}) 跳转到一个不同的地址,当前的好行中断,然后进行一个新的导航
                //3. next(false) 中断当前的导航
        }else {
            next() 
        }
    })
    
知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看