小编H0f*_*0fi的帖子

Vuetify 组合框中更新模型的问题

我在使用 v-combobox 时遇到问题。(参见 代码示例)。
如果我执行以下操作,就会出现问题:

  1. 在组合框中输入字符串
  2. 在组合框未获得焦点之前单击“保存”按钮。
  3. 执行方法 save()
  4. console.log() 返回前一个值,而不是实际值。

在执行保存命令期间如何获取“value”的实际值?

<template>
  <v-app>
    <div id="app">
      <v-card>
        <v-card-text>
          <v-container>
            <v-combobox v-model="value" label="write"></v-combobox>
          </v-container>
        </v-card-text>
        <v-divider></v-divider>
        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn text color="secondary" @click="save">save</v-btn>
        </v-card-actions>
      </v-card>
    </div>
  </v-app>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      addDialog: "false",
      value: ""
    };
  },
  methods: {
    save() {
      console.log(this.value);
      this.addDialog = false;
    }
  }
};
</script>
Run Code Online (Sandbox Code Playgroud)

javascript combobox vue.js vuetify.js

5
推荐指数
1
解决办法
3303
查看次数

标签 统计

combobox ×1

javascript ×1

vue.js ×1

vuetify.js ×1