vuetify选择保留旧值

Question

我有一个vuetify选择，带有以下语法。

<v-select label="..." autocomplete 
     append-icon="search" :items="plots" item-value="id" item-text="plotHeader" 
     v-model="selectedPlot" v-on:change="loadPlotInformation();">
</v-select>

因此，当页面加载时，下拉列表初始化了AJAX请求。但是，当用户更改值时，模型反映了旧值，而不是当前选择。

功能内部。

loadPlotInformation() {
     console.log(this.selectedPlot);
}

---

更新：

我能够通过过渡到Blur事件来解决问题。但是，为什么更改事件无法解决？

Answer 1

如果要采用新值而不是旧值，则应使用NextTick方法。例如：

   loadPlotInformation() {
     this.$nextTick(() => {
         console.log(this.selectedPlot);
        })
    };

Answer 2

尝试更改您的功能以读取功能的参数。

loadPlotInformation(e) {
    console.log(e);
}

但是，这样您需要检查是否要更新模型变量