在开发中,可能会遇到一些特殊的应用场景,比如从一个页面跳转到另一个页面又不想返回时返回到原页面。或者,首页在返回时,应该时退出,而不是继续回退到之前浏览的记录页面。那么就可以在特定页面使用。
方法1:
js代码:
// 其中第一个参数data是给state的值;
//第二个参数title为页面的标题,但当前所有浏览器都忽略这个参数,传个空字符串就好;
//第三个参数url是你想要去的链接
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
vue项目,是放在了需要使用页面的mounted里面。
方法2:
vue自带插件:
截图部分代码。
<script>
import Vue from "vue";
import userImg from "../../assets/basicImg/user.jpg";
import preventBack from "vue-prevent-browser-back"; //引入插件,引入前记得安装
import { Dialog, Toast, Notify } from "vant";
// 全局注册
Vue.use(Dialog);
export default {
mixins: [preventBack], //注册
}
ok,这样就可以了,已经解决了。
