vue如何返回上一页效果

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

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