vue项目清除浏览器缓存,vue清除页面缓存
本文主要介绍vue如何清除浏览器历史堆栈,有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。
目录
如何清除浏览器历史堆栈问题vue返回首页后如何清除路由要求1:点击从首页到A页的路由要求2:将浏览器记录返回指定页面。
如何清除浏览器历史栈
问题
你需要跳到几页才能提交表格。提交后,跳转回首页和上一页,发现还可以返回上一页路线。
//可以获取历史栈,清空。
设route history=history . length-1;
这个。$ router . go(-route history);
vue返回首页后如何清空路由
需求一:从首页点击路由到A页面
a页点击路由到b页点击路由到c页点击路由链接到d页d页有一个back home按钮那么问题来了。
点击返回首页,然后点击手机后退键打开D页,再按手机后退键打开C页,以此类推。
点击返回首页后如何清除路线?
已安装(){
if(window . history window . history . pushstate){
//将当前页面插入到历史记录中
history.pushState(null,null,document。网址);
window . addevent listener( pop state ,this.goBack,false);
}
},
销毁(){
window . removeeventlistener( pop state ,this.goBack,false);
},
方法:{
goBack () {
//console.log(浏览器的后退按钮被点击);
session storage . clear();
window . history . back();
},
}
没有退货记录。
已安装(){
if(window . history window . history . pushstate){
//将当前页面插入到历史记录中
history.pushState(null,null,document。网址);
window . addevent listener( pop state ,this.goBack,false);
}
},
销毁(){
window . removeeventlistener( pop state ,this.goBack,false);
},
方法:{
goBack () {
//console.log(浏览器的后退按钮被点击);
history.pushState(null,null,document。网址);
},
}
需求二:把浏览器的记录返回指定的页面
已安装:
if(window . history window . history . pushstate){
history.pushState(null,null,document。网址);
window . addevent listener( pop state ,_this.onClickLeft,false);//_this.onClickLeft是返回的click事件。
}
方法:{
onClickLeft() {
//这个。$route.query.radio支付从页面传到指定页面的参数来判断他的路线。
如果(这个。$route.query.radio==1 this。$route.query.radio==2) {
这个。$router.push({ //返回指定页面
});
}否则{
这个。$ router . go(-1);//正常返回
}
},
//清除事件。
销毁(){
window . removeeventlistener( pop state ,this.onClickLeft,false);
}
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。