设置初始vuetifyv选择值

有人可以帮我设置默认值v-select吗？需要注意的是，我v-select的对象很多，我认为这可能是为什么item-value无法将我的期望值分配给我的原因：

Vue.use(Vuetify);

const vm = new Vue({
  el: "#app",
  data: {
    defaultSelected: {
      name: "John",
      last: "Doe"
    },
    people: [
      {
        name: "Harry",
        last: "Potter"
      },
      {
        name: "George",
        last: "Bush"
      }
    ]
  }
});

预期：

最初v-select应该是John

实际：

首字母v-select为空白。这是一个小提琴供参考：

https://jsfiddle.net/tgpfhn8m/734/

有人可以帮忙吗？提前致谢！

我相信您的设置存在两个问题。首先，初始值应为optionsin中的一个select，即，您应该people包含您的defaultSelected;；其次，您的对象需要包含一个value字段，请参阅v-select道具。否则，您需要指定item-valueprop；在这里查看工作示例。

Vue.use(Vuetify);

 const vm = new Vue({
  el: "#app",
  data: {
    defaultSelected: {
      name: "John",
      last: "Doe"
    },
    people: [
      {
        name: "John",
        last: "Doe"
      },
      {
        name: "Harry",
        last: "Potter"
      },
      {
        name: "George",
        last: "Bush"
      }
    ]
  }
});