Vue.js Vuetify自动完成-如何传递默认值?

Vue.js Vuetify自动完成-如何传递默认值?,vue.js,vuetify.js,Vue.js,Vuetify.js,我正在使用Vuetify自动完成组件,我希望它在输入字段中显示一个默认值 我试图将值作为prop传递,并将v-model字段更改为任何字符串,但这不起作用-除非我从列表中选择值,否则输入字段为空 v-autocomplete组件将不显示Alabama,因为在项目中找不到Alabama。您只需将Alabama添加到项目中,即可使其初始有效: data () { return { loading: false, items: ['Alabama'], // <-

我正在使用Vuetify自动完成组件,我希望它在输入字段中显示一个默认值

我试图将值作为prop传递,并将v-model字段更改为任何字符串,但这不起作用-除非我从列表中选择值,否则输入字段为空

v-autocomplete组件将不显示Alabama,因为在项目中找不到Alabama。您只需将Alabama添加到项目中,即可使其初始有效:

data () {
    return {
      loading: false,
      items: ['Alabama'], // <- add the default here
      search: null,
      select: 'Alabama',
      states: [ ...

我遇到了这个问题,我所做的是将其传递给v-model,即列表中索引位置为0的元素:

:items="items"
v-model="items[0]"

我遇到了同样的问题, 最后终于弄明白了 使用项目文本和项目值显示项目 然后用键初始化v模型
您要显示的项目的代码笔为空@Toodoo抱歉这个例子@Allan than you,通过查看该例子中的代码,我可以解决我的问题。这是可行的,但没有理由被迫将此类项目添加到项目列表中
:items="items"
v-model="items[0]"