vue跳转页面后的回调函数
时间: 2023-07-28 12:53:21 浏览: 105
vue页面跳转后返回原页面初始位置方法
在 Vue.js 中,可以使用路由钩子函数来实现页面跳转后的回调函数。具体来说,可以使用 `beforeRouteLeave` 钩子函数来在离开当前路由前执行一些操作,例如保存表单数据、清除定时器等。
示例代码如下:
```javascript
export default {
data() {
return {
formData: {}
}
},
methods: {
saveData() {
// 保存表单数据
}
},
beforeRouteLeave(to, from, next) {
// 执行保存数据操作
this.saveData()
next()
}
}
```
在上面的示例代码中,我们定义了一个 `saveData` 方法来保存表单数据,在离开当前路由前调用该方法。同时,我们使用 `beforeRouteLeave` 钩子函数来执行保存数据操作,并使用 `next()` 方法来继续执行路由跳转操作。
阅读全文