javascript - 禁用 v-autocomplete 中的选项

Question

如何禁用 v-autocomplete 中的选项？我确实看到了这个 item-disabled 并传递了它不起作用的选项的字符串值。代码片段

<v-autocomplete
    :items="states"
    item-text="name"
    label="State"
    item-disabled="Florida"
  ></v-autocomplete>

Answer 1

<v-autocomplete
    :items="states"
    item-text="name"
    label="State"
  ></v-autocomplete>

只需向您的对象添加一个 disabled Prop :

 states: [
    {
      name: "New York", disabled: true
    },
    {
      name: "Florida"
    },
    {
      name: "Texas"
    },
  ]

您可以根据要禁用的内容动态填充该属性。

https://codepen.io/anon/pen/yRXrJL?editors=1111