Закрытие любой открытой разборной при смене кнопки - PullRequest
0 голосов
/ 12 февраля 2019

Попытка сделать любое открытое складное закрытие при изменении вкладки на кнопке переключения.Когда я изменяю тумблер, он меняет значение, и я использую 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' }
        ]
      }
    }

Я хочу, чтобы складная коробка закрылась, когда я меняюзначение кнопки переключения.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...