Блог

Я хочу перемещаться по вкладкам по URL.

Реквизит Tab-content route : я могу установить привязку, которая отображается в URL.

Реквизит Form-wizard 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>
  

Как ни странно, настройка start-index, похоже, не работает.

Но вы можете использовать changeTab для установки вкладки, например, в mounted() .

Там вы можете получить url var currentUrl = window .Расположение.имя пути; или var currentUrl = this.$route .запрос.страница

Затем перейдите на правую вкладку с помощью этого.$refs.wizard.changeTab(0, );