在我的vueJS项目中,我希望在当前路由更改之前显示确认对话框.
在yes上,它应该重定向到下一个想要的路由,否则就保持在同一个路由上.
你知道怎么实现吗?
提前谢谢.
在我的vueJS项目中,我希望在当前路由更改之前显示确认对话框.
在yes上,它应该重定向到下一个想要的路由,否则就保持在同一个路由上.
你知道怎么实现吗?
提前谢谢.
你可以使用In-Component Guards beforeRouteLeave
.见https://router.vuejs.org/en/advanced/navigation-guards.html.
演示:https://codesandbox.io/s/jzr5nojn39(try 在主页、第1页和第2页之间导航)
示例代码(使用vuejs-dialog作为确认对话框):
beforeRouteLeave (to, from, next) {
this.$dialog.confirm('Do you want to proceed?')
.then(function () {
next();
})
.catch(function () {
next(false);
});
}
如果应该继续,使用next()
.
如果应该取消重定向,请使用next(false)
.