1
votes

Comment utiliser l'événement onchange sur selectize dans vuejs?

J'utilise selectize comme option de sélection dans la vue, mais je ne peux pas déclencher un événement onchange sur selectize, comment puis-je le faire? ceci est mon code

test(){
   alert("it's work");
}

et dans les méthodes vue ceci est mon code,

<selectize v-model="input.city" data-placeholder="City" required @change="test">
   <option :value="data.id" v-for="(d, i) in cities" :key="i"> {{d.name}} </option>
</selectize>

merci beaucoup pour votre aide

javascript vue.js vuejs2 selectize.js

0 commentaires

3 Réponses :

0
votes

Vous pouvez utiliser Watchers en vue pour déclencher un changement de valeur:

watch: {
  'input.city': function(value) {
    console.log('city changed');
  }
}

Plus de détails: https://vuejs.org/v2/guide/computed.html#Watchers

1 commentaires

watch: {'input.city': (value) => {console.log ('city changed'); } } c'est du travail! Merci beaucoup

0
votes

Je ne sais pas si vous avez utilisé vue2-selectize , si oui, vous pouvez essayer le code ci-dessous, car ce composant vue émet un événement d'entrée lors du changement de sélection:

<selectize v-model="input.city" data-placeholder="City" required @input="test">
   <option :value="data.id" v-for="(d, i) in cities" :key="i"> {{d.name}} </option>
</selectize>

0 commentaires

0
votes

@input fonctionne pour moi.

test(value){
   this.input.city = value;
   alert("it's work");
}

<selectize data-placeholder="City" required @input="test">
   <option :value="data.id" v-for="(d, i) in cities" :key="i"> {{d.name}} </option>
</selectize>

0 commentaires