vuesax-next icon indicating copy to clipboard operation
vuesax-next copied to clipboard

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

Open utrera1695 opened this issue 3 years ago • 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>

utrera1695 avatar Jun 02 '21 14:06 utrera1695