Is there any way, how use QCarousel (or any other component) to show more slides at once? I need something similar to this:

Thx for help in advance

@CWoodman
Hi,
you can use v-slot. Here is simple example:

<q-select
  v-model="selectedItem"
  :options="optionsList"
  clearable
  outlined
  options-selected-class="primary"
>
  <template v-slot:option="scope">
    <q-expansion-item
      expand-separator
      group="section"
      :default-opened="hasChild(scope)"
      header-class="text-weight-bold"
      :label="scope.opt.label"
    >
      <template v-for="child in scope.opt.children">
        <q-item
          :key="child.value"
          clickable
          v-ripple
          v-close-popup
          @click="selectedItem = child"
        >
          <q-item-section>
            <q-item-label v-html="child.label"></q-item-label>
          </q-item-section>
        </q-item>
      </template>
    </q-expansion-item>
  </template>
</q-select>

And hasChild method:

hasChild (scope) {
  return scope.opt.children.some(c => c.value === this.selectedItem)
}

@CWoodman
Hi,
you can use v-slot. Here is simple example:

<q-select
  v-model="selectedItem"
  :options="optionsList"
  clearable
  outlined
  options-selected-class="primary"
>
  <template v-slot:option="scope">
    <q-expansion-item
      expand-separator
      group="section"
      :default-opened="hasChild(scope)"
      header-class="text-weight-bold"
      :label="scope.opt.label"
    >
      <template v-for="child in scope.opt.children">
        <q-item
          :key="child.value"
          clickable
          v-ripple
          v-close-popup
          @click="selectedItem = child"
        >
          <q-item-section>
            <q-item-label v-html="child.label"></q-item-label>
          </q-item-section>
        </q-item>
      </template>
    </q-expansion-item>
  </template>
</q-select>

And hasChild method:

hasChild (scope) {
  return scope.opt.children.some(c => c.value === this.selectedItem)
}

Hi,
What is the best way, how detect when file size is over max-file-size prop limit and display this info to the user? I’m not able find way how catch validations output.

Hi,
is there any way, how use img tag event attribute onerror with Carousel slide component?

I have Carousel with images. All images are saved in the cloud. I want to show on the slide default static image, if will be not possible load original image from the server.

@eurus-pro
Hi,
Try vue-chart.js. It’s wrapper for chart.js library. Great, if you need high customizable library with a lot of plugins.

Is there any way, how use QCarousel (or any other component) to show more slides at once? I need something similar to this:

Thx for help in advance

Hi,
I’m using date.endOfDate this way:

getEndDateOfYear (inputDate) {
    if (!date.isValid(inputDate)) {
      inputDate = this.getDate()
    }
    return date.endOfDate(newDate, 'year')
  }

where inputDate value is for example : ‘Fri Sep 01 2017 00:00:00 GMT+0200 (Central Europe Daylight Time)’

I found that output value of my method is ‘Sat Dec 30 2017 23:59:59 GMT+0100 (Central Europe Standard Time)’
Is it correct? Because December has always 31 days… or is problem on my side?

Thx in advance
Petr