Question

＆＃13;

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

＆＃13;

实际上，当在v-for中创建选项并且我不希望这种情况发生时触发了改变，是否有另一个语义选项或者我应该在我的javascript中使用某种VueJSIsReady函数？

Answer 1

您可以使用观察程序监视更改selectedValue时要执行的操作。

在HTML中：

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

然后在JavaScript中：

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

    }
}

Answer 2

您应该让vue观察者观看selectedItem

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

当v-for创建选项时，在选择上阻止onChange事件

2 个答案: