Inject html into q-carousel-slide



  • 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:

    faf282bf-ce27-4409-8608-4a0901695da4-image.png

    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…


Log in to reply