Vue-form-wizard:使选项卡索引按路由动态

Question

我想在 url 的选项卡中导航。

标签内容道具route：我可以设置URL中显示的锚点。

表单向导道具start-index：我可以导航到右侧选项卡。

如何使start-index道具动态地显示索引具有什么路由？

所以我可以输入 url www.website.com/#a 转到 tabindex 0，www.website.com/#b 转到 tabindex 1

包：Vue-form-wizard

 <form-wizard :start-index="1">
   <tab-content title="a" route="#a">
     <p>a</p>
   </tab-content>
   <tab-content title="b" route="#b">
     <p>b</p>
   </tab-content>
 </form-wizard>

Answer 1

奇怪的是

，设置开始索引似乎不起作用。

但是你可以使用 changeTab 来设置选项卡，例如在 mounted(( 中。

在那里你可以得到网址var currentUrl = window.location.pathname;或var currentUrl = this.$route.query.page

然后切换到右侧选项卡this.$refs.wizard.changeTab(0， (;