Question

我想用一些值预先填充选择组件（来自Vuetify.js）。

我使用异步版本，我将可选数据作为

[
  {
    text: "hello",
    value: {
      type: "word",
      language: "english"
    }
  },
    {
    text: "bonjour",
    value: {
      type: "word",
      language: "french"
    }
  }
]

，在选择后，作为一个对象数组存储在v-model中（上面提议的选择的value）。

我想用一些默认条目（比如上面的法语条目）预先填充搜索字段，以便：

搜索字段中的“bonjour”

{type: "word",language: "french"}

v-model

有没有办法用Vuetify做到这一点？

Answer 1

:items按住选项列表。

v-model按住所选的选项列表。

因为您的可选数据不仅仅是一个字符串数组而是一个对象数组，您应该告诉vuetify哪个属性是值，哪个是这些对象中的标签属性item-text（文本）和{{1 （value.english）属性。

因此，vue可以item-value与v-model匹配，以找到所选的。{/ p>

因此，要选择:items，您的english应如下所示：

v-model

您的选择组件应该包含：

[
   {
     text: "hello",
     value: {
        type: "word",
        language: "english"
    }
]

如何预先填充选择？

1 个答案: