Vue 3 support #60

amchconsult · 2022-10-29T17:22:25Z

Are you planning to do a vue 3 version?
thank you

amchconsult · 2022-10-29T19:33:45Z

Also question, Why is it returning the object and not only the value from option-key? like a regular select
is it a way to do that?
is it anything like @change where i can catch the change and do something after?
thank you

Pachara · 2023-09-23T19:50:47Z

I think we are facing same issue

Pachara · 2023-09-23T20:09:50Z

This is my temporary solutions

First
Wrap vue-single-select with DIV
.

<div class="col-6 p-0" @click="changeLocation()">
                     <strong>จังหวัด</strong>
                     <vue-single-select id="single_selected" name="single_selected" 
                     v-model="selectedLocation" :options="locations"  :value="false" option-label="name" placeholder="กรุงเทพมหานคร" :max-results="300" class="peter-web" ></vue-single-select>
                 </div>

Second
Create custom function
.

changeLocation(){
               let dom = document.getElementsByName('single_selected');
               if(dom.length == 1){
                    this.selectedLocation = this.locations.find(item => item.name === dom[0].value)
               }else{
                    this.selectedLocation = this.locations.find(item => item.id === 1)
               }
          },

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Vue 3 support #60

Vue 3 support #60

amchconsult commented Oct 29, 2022

amchconsult commented Oct 29, 2022

Pachara commented Sep 23, 2023

Pachara commented Sep 23, 2023 •

edited

Loading

Vue 3 support #60

Vue 3 support #60

Comments

amchconsult commented Oct 29, 2022

amchconsult commented Oct 29, 2022

Pachara commented Sep 23, 2023

Pachara commented Sep 23, 2023 • edited Loading

Pachara commented Sep 23, 2023 •

edited

Loading