vue如何返回上一页效果
程序员文章站
2022-07-09 19:57:46
...
如何通过点击的方式控制当前页返回到上一个路由页面:
1.在当前页面添加返回按钮
<div style="text-align: center">
<el-button v-on:click="backHistory">取消</el-button>
</div>
2.在方法体内写back方法实现点击返回上一页操作
methods:{
backHistory(){
this.$router.go(-1);//返回上一层
},
},
总结:
this.$router.go(val) => 在history记录中前进或者后退val步,当val为0时刷新当前页面、-1即为返回上一页;
go(-1): 原页面表单中的内容会丢失;
history.go(-1):后退+刷新;
history.go(1) :前进
back(): 原页表表单中的内容会保留;
history.back():后退 ;
history.back(0) 刷新;
history.back(1):前进
上一篇: Linux Shell里面生成随机数的一些思路分析
下一篇: Linux下alias命令的用法详解
推荐阅读
-
解决webview调用goBack()返回上一页自动刷新闪白的情况
-
js中document.referrer实现移动端返回上一页
-
如何设置Android studio 3.0显示光标返回上一次浏览位置的箭头图标
-
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
-
PHP如何得到当前页和上一页的地址?
-
js返回上一页,网页后退,退回到上一页,退回到前一页,返回到上个页面等操作实现教程
-
ios小技巧之在safari中如何快速返回到第一页?苹果Safari浏览器快速返回第一页的方法
-
解决webview调用goBack()返回上一页自动刷新闪白的情况
-
解决微信内置浏览器返回上一页强制刷新问题方法
-
网页返回上一页时自动刷新页面