Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue材质(步进器):防止用户跳过步骤+;将步骤绑定到特定路由_Javascript_Vue.js_Vue Router_Vue Material - Fatal编程技术网

Javascript Vue材质(步进器):防止用户跳过步骤+;将步骤绑定到特定路由

Javascript Vue材质(步进器):防止用户跳过步骤+;将步骤绑定到特定路由,javascript,vue.js,vue-router,vue-material,Javascript,Vue.js,Vue Router,Vue Material,这里的初学者问题:)我想创建一个带有5个选项卡的步进器,如果您尚未完成步骤2,则无法导航到步骤3(如果您尚未完成步骤3,则无法导航到步骤4,等等)。如果他在第4步,并且想回到第2步,那么所有其他步骤也必须停用 另外,如何将步骤绑定到特定的路由,而不是将内容放在md步骤标记的旁边 希望我的问题清楚。提前感谢。如果您的所有选项卡都使用了vue router,您可以构建一个路由器防护装置,该防护装置将离开并检查用户所在的当前状态,这将阻止用户访问该视图。您还需要配置某种显示用户所在位置的禁用状态,以便

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

另外,如何将步骤绑定到特定的路由,而不是将内容放在md步骤标记的旁边


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

如果您的所有选项卡都使用了
vue router
,您可以构建一个路由器防护装置,该防护装置将离开并检查用户所在的当前状态,这将阻止用户访问该视图。您还需要配置某种显示用户所在位置的禁用状态,以便动态生成选项卡图标。虽然所有这些都是前端,所以它仍然不是解决您问题的灵丹妙药


我的帖子帮了你吗?如果我的答案帮助你解决了你的问题,你可以将它标记为正确,如果我能提供更多帮助,请告诉我。