如何在SPA中管理导航路线

时间:2019-01-14 15:45:49

标签: javascript vue.js navigation

我有一个使用VueJS的应用程序,我想知道如何管理导航流程。

我有一个表,其中包含我的应用程序中的数据。从该表中,我可以转到应用程序的不同部分。

当我从表格转到应用程序的另一部分时,有时我想提示用户以确保他们要离开此表格。为此,我创建了一个中间对话框,以便用户可以接受他们要离开此页面。

当前,为了处理这个问题,我调用了一个函数,将以下内容作为参数传递:

  • 将出现在对话框中的文本,例如您确定要覆盖所做的更改吗?
  • 何时按下continue的回调函数(它将包含更改页面/显示另一个对话框的逻辑,以及将表中的数据存储在vuex数据存储中以在以下视图中使用)

然后,此函数将显示带有上面的文本的对话框和一个继续按钮,该按钮将调用上面的回调函数中的逻辑。

对我来说这似乎是一个大技巧,我只是想知道别人在做什么?

基本上,我需要一种方法来管理用户在应用程序中的去向。提示可能会显示,而我可能会取消,这只会隐藏提示,而我会回到原处,或者我可以继续并更改到应用程序的下一部分。我认为困难在于使该功能可在所有导航中重复使用。我不仅有要移动的页面,还可以调出其他对话框/卡片。

0 个答案:

没有答案