VUE种跳转页面后,阻止返回

方法一、在跳转到的页面内加上下面的代码:

created() {
    history.pushState(null, null, document.URL);
    window.addEventListener("popstate", function () {
      history.pushState(null, null, document.URL);
    });
  },

方法二、注入插件
1)安装:

npm install vue-prevent-browser-back --save

2)在不允许返回的页面内导入:

import preventBack from 'vue-prevent-browser-back'

3)在不允许返回的页面内注入:

export default {
  mixins:[preventBack],  // 注入
  data() {
    return {....};
  },
  .
  .
  .
}  
Logo

前往低代码交流专区

更多推荐