Vue Material（步进器）：防止用户跳过步骤+将步骤绑定到特定路线答案

【问题标题】：Vue Material (steppers) : Prevent user from skipping steps + bind steps to a specific routeVue Material（步进器）：防止用户跳过步骤+将步骤绑定到特定路线
【发布时间】：2018-05-28 09:39:30
【问题描述】：

这里的初学者问题 :) 我想创建一个带有 5 个选项卡的步进器，如果您尚未完成第 2 步，则无法导航到第 3 步（如果您尚未完成第 3 步等，则无法导航到第 4 步））。如果他在第 4 步并想回到第 2 步，那么所有其他步骤也必须停用。

另外，如何将步骤绑定到特定路线，而不是将内容放在 md-step 标签内。

希望我的问题很清楚。提前致谢。

【问题讨论】：

我的帖子对你有帮助吗？
如果我的回答帮助您解决了您的问题，您可以将其标记为正确，如果我能提供更多帮助，请告诉我。

标签： javascript vue.js vue-router vue-material

【解决方案1】：

如果您的所有制表员都使用vue-router，您可以构建一个路由器守卫，它会消失并检查用户所在的当前状态，这将阻止用户访问该视图。您还需要配置某种禁用状态来显示用户所在的位置，以便可以动态生成选项卡图标。尽管所有这些都是前端，但它仍然不是解决问题的灵丹妙药。

https://router.vuejs.org/guide/advanced/navigation-guards.html#global-guards

【讨论】：