ブロックオプションは、実際に変更オプションは、V-のために作成されたときにトリガと私はこれが欲しいいけないさ

Question

<select v-on:change="WebserviceCall()"> 
 
<option v-for:="option in options"> 
 
</option> 
 
</select>

用のVによって作成された選択のonChangeイベント起こるために、別の意味的なオプションがありますか私はJavaScriptでVueJSIsReady機能のいくつかの種類を使用する必要がありますか？

Answer 1

あなたはSelectedValueのではなく、変更されたときにどうするかを監視するウォッチャーを使用することができます。 HTMLで

：JavaScriptで次に

<select v-model="selectedOption"> 
    <option disabled value="">Please select one</option> 
    <option v-for="type in types" v-bind:value="type.value"> 
    {{type.value}}</option> 
</select> 

：

data: { 
    selectedOption: '', 
}, 
watch: { 
    selectedOption(newVal) { 
     // assuming all the available options are not '' 
     if (newVal !== '') { 
      // user has chosen an item 
      this.webServiceCall() 
     } 

    } 
} 

Answer 2

あなたが最初の "を選択してください" スタイルを `追加した場合のSelectedItem

data:{ 
     selectedItem:'', 
}, 
watch:{ 
    selectedItem(){ 
    this.callWebservice(); 
} 
     }