当前位置: 首页 > 面试题库 >

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

锺离刚洁
2023-03-14
本文向大家介绍使用vue如何判断页面是否编辑及编辑页面未保存离开时,给出弹窗提示相关面试题,主要包含被问及使用vue如何判断页面是否编辑及编辑页面未保存离开时,给出弹窗提示时的应答技巧和注意事项,需要的朋友参考一下
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() 
    }
})
 类似资料:
  • 点击任意文档进入编辑页面。 1.左上角显示当前文档的标题,点击可快速切换最近编辑的文档。 2.右侧四个按钮分别是 思维导图:点击可进入思维导图模式 演示模式:点击可进入演示模式 分享:对文档进行分享相关操作 帮助:查看简明教程、快捷键列表、反馈建议 3.右上角更多功能 界面设置:可设置是否自动收缩描述、夜间模式、自适应宽度等 导出/下载:将该文档导出为本地文件 打印:使用打印机打印该文档 返回:回

  • 7.6. 编辑页面 编辑功能是wiki不可缺少的。现在,我们创建两个新的处理函数(handler):editHandler显示"edit page"表单(form),saveHandler保存表单(form)中的数据。 首先,将他们添加到main()函数中: func main() { http.HandleFunc("/view/", viewHandler) htt

  • 我对使用servlet和JSP相当陌生,我正在尝试获取一个列出所有用户的JSP页面,根据用户id重定向到编辑表单JSP,列出所有用户的JSP页面使用迭代器显示我的JDBC表中的数据,但我似乎不知道如何分别为每个用户的编辑链接分配一个值,以便它可以用该用户的数据加载编辑表单,谢谢你的帮助。 这里我当前的jsp页面代码列出所有学生 然后,id值应该分配给servlet中的一个值,该值用于在调用编辑时从

  • 本文向大家介绍HTML5如何使某个页面元素或整个页面可编辑?相关面试题,主要包含被问及HTML5如何使某个页面元素或整个页面可编辑?时的应答技巧和注意事项,需要的朋友参考一下 让某个元素可以编辑,可以使用 属性。 让整个页面可编辑可以使用 属性。

  • 问题是...当我点击编辑文章/编辑页面时,它试图打开http://localhost/site/wp-admin/post-108.php?post=286 我不记得我到底做了什么,但它一定是在我的IDE重构代码后开始的,当时我正在重命名模板文件。 没有邮政108。php在wp admin文件夹或我的主题文件夹中,但有帖子。php。我不知道它为什么要开108后。不存在的php。 注意:这是一个自定

  • 我想向Wordpress中的现有页面添加一些额外的表单字段。每当您编辑帖子或页面时,此页面都会被重定向。我的问题是我不知道在哪里找到这个文件或者它的名字。 我需要知道我需要编辑什么文件才能添加新的输入。 只有当您是管理员并登录到仪表板时,才会看到此页面。 我使用wordpress边缘洗牌主题。