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

vue如何返回上一页效果相关推荐

vue 实现返回上一页不请求数据keep-alive
常规操作: 我们通常会将通过接口请求数据的方法放在==created== 或者 ==mounted==这两个生命周期中的一个里面调用. 但是我们知道,不管是我们刚进入这个页面还是从其他页面返回这个页面 ...
vue/uniapp - 返回上一页并onLoad刷新数据
在uni中,返回页面是不会触发onLoad方法的: 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用onShow的话,那刷新就太频繁了: 这时候,可以用$emit和$on去解决. 比如说,从详 ...
vue router返回上一页
this.$router.go(-1) 不用router时,使用window.history.go(-1); 转载于:https://www.cnblogs.com/duanzhenzhen/p/10 ...
vue中如何点击返回上一页，vue判断没有上页返回首页
vue中如何点击返回上一页,vue判断没有上页返回首页 vue中返回上一页 // 返回 returnBtn(){this.$router.go(-1); }, 返回上一页,先判断是否有上一页,没有则返 ...
vue 返回上一页，页面样式错乱
vue项目返回上一页有时候会出现,页面样式错乱,就是页面之间的样式干扰了,虽然vue 是单页面开发,但是并不是说写在哪个页面上就是哪个页面的样式解决方法已知有如下两种给最外层页面添加独立的div ...
vue-router配置路由实现返回上一页，上一页页面数据留存
vue在返回上一页的时候执行this.$router.go(-1) ,默认会让上一页重新执行一遍生命周期. 有时候我们不希望组件被重新渲染影响使用体验:或者处于性能考虑,避免多次重复渲染降低性能.而是 ...
vue 生命周期返回不触发_Vue生命周期activated之返回上一页不重新请求数据操作...
activated: 英文原意:使活动.触发在Vue的生命周期函数中,这个好像用的不是特别多?(也许只是在我的工作中这个用的不多,或者说叫几乎不用这个) 一.需求前不久在项目中有这样一个需求: 在 ...
vue返回上一页不刷新页面的方法 / vue缓存页面
问题: vue框架下,在返回上一页的时候(this.$router.go(-1)) ,默认会让上个页面重新执行一遍生命周期(即被刷新了). 想达到的效果: 返回上一页不刷新页面. 解决方法: 缓存上一 ...
vue项目中阻止浏览器返回上一页
vue项目中在某个页面阻止浏览器返回上一页,适用移动端.PC端. 使用场景例如: 首页与 A页面来回跳转,那样点击浏览器返回时也会来回跳转,本想当页面在首页的时候就不再返回了,所以这个时候 ...

vue如何返回上一页效果

vue如何返回上一页效果相关推荐

最新文章

热门文章