Попытка сделать любое открытое складное закрытие при изменении вкладки на кнопке переключения.Когда я изменяю тумблер, он меняет значение, и я использую V-if, чтобы показать только содержимое, относящееся к выбранному значению.
Но когда у меня открыт один разборный объект, он оставляет этот конкретный разборный объект открытым, но с другим содержимым.так как мы изменили переключение.
Я попытался установить «переменная как open: false», назначив v-model = «open» для всех складных объектов и @ input = «open = false» на кнопке переключения.
Но это совсем не работает, я застрял на этой, казалось бы, легкой проблеме, помощь очень ценится.
<q-btn-toggle
class="full-width"
v-model="model"
toggle-color="primary"
color="info"
:options="options"
/>
<q-list
dark
separator
v-if="this.model === 'getStarted'"
>
<q-collapsible
icon="mdi-plus"
label="Vad är Fakturo?"
collapsible
group="getStarted"
v-model="open"
>
<div>
testing inside getstarted
</div>
</q-collapsible>
<q-collapsible
icon="mdi-plus"
label="Vad kan man göra med Fakturo?"
collapsible
group="getStarted"
v-model="open"
>
<div>
Text i getstarted
</div>
</q-collapsible>
<q-collapsible
icon="mdi-plus"
label="Effektiv användning av Fakturo"
collapsible
group="getStarted"
v-model="open"
>
<div>
Text i getstarted
</div>
</q-collapsible>
</q-list>
data () {
return {
open: false,
model: 'getStarted',
options: [
{ label: 'Kom igång', value: 'getStarted' },
{ label: 'Kontakter', value: 'contacts' },
{ label: 'Fakturor', value: 'invoices' },
{ label: 'Produkter', value: 'products' }
]
}
}
Я хочу, чтобы складная коробка закрылась, когда я меняюзначение кнопки переключения.