返回上一页往往需要进行一些数据初始化等操作
但是浏览器的返回键或者手机返回键可能无法通过vue生命周期监听到
可以对route路由进行监听 路由变化时 进行数据初始化
参考:vue页面前进或后退时刷新数据(重置恢复为初始值)_vue页面返回后重新加载数据-CSDN博客
watch: {
'$route'() {
// 若路由产生变换(退出或提交成功切换回上一页时),将页面数据重置为初始值
Object.assign(this.$data, this.$options.data())
// 此处别忘了加上created里需要执行的请求,因为在keep-alive的单页面中切换路由不会执行created钩子
}
},