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

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

使用vue如何判断页面是否编辑及编辑页面未保存离开时,给出d窗提示
router.beforeEach((to, from, next) => {     if(from.path == "...从某个页面跳转...") {          if(confirm('编辑内容未保存,是否离开?')) {   next()          }else { next(false)          } //1. next()  进行管道中的下一个钩子。如果全部钩子执行完了,则导航的状态就是/confirm/i的 //2. next('/') 或者next({path:'/'}) 跳转到一个不同的地址,当前的好行中断,然后进行一个新的导航 //3. next(false) 中断当前的导航    }else {        next()     }})

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4880344.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-11
下一篇 2022-11-11

发表评论

登录后才能评论

评论列表(0条)

保存