Hi all. Im new to Quasar and to Vue. How can i make that By changing carousel-slide, also changed something else ?

[Dozez13]

Let's say that I have carousel and after this element comes the table

<div class="row q-mt-md justify-center">
      <q-carousel
          arrows
          thumbnails
          infinite
          class="col-6"
          animated
          control-color="primary"
          v-model="slide"
          height="400px"
          
        >
          <q-carousel-slide name="first" img-src="https://cdn.quasar.dev/img/mountains.jpg">
            <div class="absolute-top-right custom-caption">
              <div class="text-h2">Car type</div>
              <div class="text-subtitle1">Mountains</div>
            </div>
          </q-carousel-slide>
          <q-carousel-slide name="second" img-src="https://cdn.quasar.dev/img/mountains.jpg">
            <div class="absolute-top-right custom-caption">
              <div class="text-h2">Car type</div>
              <div class="text-subtitle1">Car type</div>
            </div>
          </q-carousel-slide>
          <q-carousel-slide name="third" img-src="https://cdn.quasar.dev/img/mountains.jpg">
            <div class="absolute-top-right custom-caption">
              <div class="text-h2">Car type</div>
              <div class="text-subtitle1">Famous Bridge</div>
            </div>
  
        </q-carousel>
        <q-markup-table flat bordered>
          <template>
            <thead class="bg-teal">
              <tr>
                <th colspan="5">
                  <div class="row no-wrap items-center">
                    <q-img
                      style="width: 70px"
                      :ratio="1"
                      class="rounded-borders"
                      src="https://cdn.quasar.dev/img/donuts.png"
                    ></q-img>
      
                    <div class="text-h4 q-ml-md text-white">Treats</div>
                  </div>
                </th>
              </tr>
              <tr>
                <th class="text-left">Dessert (100g serving)</th>
                <th class="text-right">Calories</th>
                <th class="text-right">Fat (g)</th>
                <th class="text-right">Carbs (g)</th>
                <th class="text-right">Protein (g)</th>
              </tr>
            </thead>
          </template>
          <template>
            <tbody class="bg-grey-3">
              <tr>
                <td class="text-left">Gingerbread</td>
                <td class="text-right">356</td>
                <td class="text-right">16</td>
                <td class="text-right">49</td>
                <td class="text-right">3.9</td>
              </tr>
            </tbody>
          </template>
        </q-markup-table>
      </div>

    </div>

how can i get some data from carousel
for example text from caption?Thanks for help

[metalsadman]

use one of the events in the api https://quasar.dev/vue-components/carousel#qcarousel-api.
ie. using @input q-carousel @input="doSomething" ....