У меня есть мастер форм с использованием vue js и на пятом шаге, но я хочу выбрать раскрывающийся список до среднего шага, например, третий и четвертый шаг, скрыть и показать с помощью индекса.
см. этот плагин: https://cristijora.github.io/vue-form-wizard/#/?id=methods
И когда выберите шоу:
Wizard.vue
<template>
<div>
<div class = "dropdown">
<select name = "" id = "">
<option value = "hide">hide</option>
<option value = "show">show</option>
</select>
</div>
<form-wizard @on-complete = "onComplete">
<tab-content title = "first"
icon = "ti-user">
first
</tab-content>
<tab-content title = "second" icon = "ti-settings">
second
</tab-content>
<tab-content title = "four" icon = "ti-settings">
four
</tab-content>
<tab-content title = "five"
icon = "ti-settings">
five
</tab-content>
<tab-content title = "Last step"
icon = "ti-check">
Yuhuuu! This seems pretty damn simple
</tab-content>
</form-wizard>
</div>
</template>
не только второй и четыре <tab-content> скрывают показ с использованием индекса, потому что он отображается с использованием массива, только сейчас я добавляю статический
см. обновить мой вопрос
Как мне решить эту ситуацию?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Сначала добавьте значение параметра как myVal в data компонента Wrapper.
Вы можете использовать условный рендеринг. документы
v-if = "myVal === 'hide'"
директива, чтобы скрыть и показать элементы.
Для укладки мы можем добавить
.tab-container {
display:flex,
justify-content: space-between
}
Вы хотите скрыть каждое содержимое вкладки, когда в раскрывающемся списке выбрано скрытие?