Как использовать событие onchange на selectize в vuejs?

Question

Я использую selectize как опцию выбора в vue, но я не могу вызвать событие onchange при выборе, как я могу это сделать?это мой код

<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>

и в методах vue это мой код,

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

большое спасибо за вашу помощь

Answer 1

Я не знаю, использовали ли вы vue2-selectize , если да, вы можете попробовать код ниже, так как этот компонент vue выдает событие ввода при изменении выбора:

<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>

Answer 2

Вы можете использовать Watchers в vue для запуска изменения значения:

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

Подробнее: https://vuejs.org/v2/guide/computed.html#Watchers