首页 > 其他分享 > vue和浏览器返回操作一致

vue和浏览器返回操作一致

时间:2022-10-25 16:46:01浏览次数:67  
标签:返回 vue 浏览器 goBack window pushState null history

methods: {
  goBack() {
    // 返回上一页
    this.$router.go(-1);
    // 关闭当前页面;
    this.$store.dispatch("tagsView/delView", this.$route);
  }
},
mounted(){
  if (window.history && window.history.pushState) {
    history.pushState(null, null, document.URL);
    window.addEventListener("popstate", this.goBack);
  }
},
destroyed() {
  window.removeEventListener("popstate", this.goBack);
}

 

标签:返回,vue,浏览器,goBack,window,pushState,null,history
From: https://www.cnblogs.com/ronle/p/16825384.html

相关文章

  • Vue实现全选全不选功能
                       注意:script里面的vue.js的引用文件最好自己找个线上的<!doctypehtml><html><head><title>......
  • VUE - Cesium 测量
    VUE-Cesium测量 增加测量类:cesiumUtilMeasure.js/**测距*/letCesiumUtilMeasure={};lethandler=null;letMEA={Entitys:[],};//测量空间直线......
  • Vuex3的状态管理
    一.Vuex是什么Vue全局事件总线Vuex状态管理何时使用Vuex二.纯vue组件案例计算总数案例添加人员案例三.Vuex工作原理和流程第一种工作流程第二种工作流程生活化的Vuex工......
  • Vue要做权限管理该怎么做?控制到按钮级别的权限怎么做
    一、是什么权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发页面加......
  • vue路由导航守卫
    简单来说路由导航守卫就是.可以让我们对用户要跳转的路由做一次检查,符合条件的就放行,不符合条件则强制用户跳转至登录页面,说白了就时路由导航守卫是为了路由跳转之前做的......
  • vue开发整理
    1.先检查项目是否有,接下来输入命令行:npminstall加载依赖包node_modulesnpminstall//下载依赖包命令2.如果安装失败请删除node_modulese文件夹,并清除缓存npm......
  • 01_初识Vue
    1.基础代码<!--html代码--><divid="root"><h1>hello,{{name.toUpperCase()}},{{address}}!</h1></div><!--js代码--><script>Vue.config.produ......
  • 网友心得—运行jeecgboot-vue3项目可能出现的问题
    运行jeecgboot-vue3项目可能出现的问题1.执行pnpminstall的时候报错ERR_PNPM_INVALID_OVERRIDE_SELECTOR Cannotparsethe"//"selectorintheoverrides​ 翻......
  • Vue之条件,列表渲染和事件处理的使用
    style和class<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsrc="./js/vue.js"></script><style......
  • Vue常见面试题
    Vue常见面试题1、Vue的优点2、说说你对SPA单页面的理解,它的优缺点分别是什么?3、SPA首屏加载速度慢的怎么解决?4、Vue初始化过程中(newVue(options))都做了什么?5、对MVVM的理......