Inject html into q-carousel-slide

bruno.ronchetti

Hi there.

I would like to use q-carousel slides as background for data collection (as in: data collection during a powerpoint presentation).

This works just fine:

<q-carousel-slide name="second" img-src="https://cdn.quasar.dev/img/parallax1.jpg">
  <template slot="default">
    <div>
      <p class="text-h5 q-px-md q-pt-none text-h5 bg-white">This content comes from the parent!</p>
      <p class="text-h5 q-px-md q-pt-none text-h5 bg-white">I can bind to data in the parent scope: {{slide}}</p>
      <p class="text-h5 q-px-md q-pt-none text-h5 bg-white">And can use quasar components</p>
      <q-input class="q-px-md q-pt-none text-h5 bg-white" bottom-slots v-model="currentObject.Name" label="Nome" style="max-width: 300px;"/>
    </div>
  </template>
</q-carousel-slide>

Gives this:

I would now like to provide the html dynamically, a different html for each slide, from an external source, but have not found a way to do this. Looking for ideas…