在离开Aurelia.js页面之前，如何让用户确认

Question

我在页面上进行了长时间的操作。当他进行导航更改时，我怎么能说用户稍等一下？

这个想法是显示promt对话框。但麻烦阻止了Aurelia路由器的默认行为。

如何让它在Aurelia.js中运作？

Answer 1

您可以使用视图模型的canDeactivate挂钩。像这样：

canDeactivate() {
   return confirm('Are you sure you want to leave this page?');
}

canDeactivate（） - 如果要控制路由器在移动到新路径时是否可以离开视图模型，请实现此挂钩。返回布尔值，布尔值的promise或导航命令。

http://aurelia.io/docs.html#/aurelia/framework/1.0.0-beta.1.2.2/doc/article/cheat-sheet/7

的更多信息