禁用 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>

只需向您的对象添加一个禁用的道具即可：

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

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