vue.js - 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 请求进行初始化。但是当用户更改值时，模型会反射(reflect)旧值，而不是当前选择。

在函数内部。

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

---

更新:

我能够通过转换到模糊事件来解决问题。但为什么更改事件无法解决？

Answer 1

如果你想取新值而不是旧值，你应该使用 nextTick 方法。 例如:

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