Vuetify Select 保留旧值

Question

我有一个 Vuetify select，语法如下。

<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 请求进行初始化。但是当用户更改值时，模型会反映旧值，而不是当前的 selection。

函数内部。

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

更新：

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

Answer 1

尝试更改函数以读取函数的参数。

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

但是这样你需要检查你是否想更新你的模型变量

Answer 2

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

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

Vuetify Select 保留旧值

Vuetify Select Retaining old value

vue.js

vuetify.js