Расширение формы на основе значений, выбранных из выпадающего списка в vuetify

Question

У меня есть выпадающее меню выбора с несколькими пунктами.У меня также есть несколько карточек, и я хочу расширить карточку, основываясь на элементе, выбранном из выпадающего списка.

Я написал фрагмент кода для этого.Проблема в том, что когда я нажимаю на выпадающий список, он сразу расширяет все карты.

       <v-expansion-panel class="elevation-0" >
            <v-expansion-panel-content>
              <template v-slot:header>
                  <v-select
                    color="blue"
                    transition="slide-y-transition"
                    label="Select a Mode"
                    :items="operatingMode"
                    >
                   </v-select>
              </template>
              <v-card>
                <v-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</v-card-text>
              </v-card>
              <v-card>
                <v-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</v-card-text>
              </v-card>
            </v-expansion-panel-content>
        </v-expansion-panel>

Я хочу, скажем, выбрать первый элемент из выпадающего меню выбора и только после того, как я выберу этот элемент Iхочу, чтобы первая карта отображалась не тогда, когда я нажимаю на само выпадающее меню выбора.Какой лучший способ сделать это?