如何在 vuejs 中的 selectize 上使用 onchange 事件？答案

【问题标题】：How to use onchange event on selectize in vuejs?如何在 vuejs 中的 selectize 上使用 onchange 事件？
【发布时间】：2019-08-01 07:37:02
【问题描述】：

我在vue中使用selectize作为选择选项，但是我不能在selectize上触发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");
}

非常感谢您的帮助

【问题讨论】：

标签： javascript vue.js vuejs2 selectize.js

【解决方案1】：

可以在vue中使用Watchers来触发值变化：

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

【讨论】：

watch: { 'input.city': (value) => { console.log('city changed'); } } 是工作！非常感谢

【解决方案2】：

不知道你有没有用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>

【讨论】：

【解决方案3】：

@input 为我工作。

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

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

【讨论】：