栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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()     }})
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/364189.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号