lusaxweb/vuesax-next

<vs-select> with collapse chips close dialog or call form action

utrera1695 opened this issue · 0 comments

hi
I have a vs-select inside a vs-dialog that when closing the last chip closes the modal or calls the action of a form, also when selecting a value in the select there is a console.log that shows the selected value in the console (inside component)

this is example of code:

<vs-dialog prevent-close v-model="active">
  <form method="post" @submit.prevent="send">
    <div style="padding-top: 30px">
        <vs-select
          :label="$i18n.t('labels.timeZone')"
          placeholder="Select"
          v-model="timezone"
          multiple
        >
          <vs-option
            v-for="(zone, index) in timeZoneList"
            :key="index"
            :label="zone.name"
            :value="zone.timezone"
            >{{ zone.name }}
          </vs-option>
        </vs-select>
      </div>
    </form>
  <vs-dialog>