vue如何返回上一页效果
如何通过点击的方式控制当前页返回到上一个路由页面:1.在当前页面添加返回按钮<div style="text-align: center"><el-button v-on:click="backHistory">取消</el-button></div>2.在方法体内写back方法实现点击返回上一页操作methods:{backHistory(){th
·
如何通过点击的方式控制当前页返回到上一个路由页面:
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):前进
更多推荐
已为社区贡献15条内容
所有评论(0)