首页 > 编程知识 正文

vue实现上一页下一页,vuerouter返回上一页

时间:2023-05-03 05:47:47 阅读:240379 作者:4467

如何通过点击的方式控制当前页返回到上一个路由页面:


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):前进

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。