禁用v-autocomplete中的选项

时间:2018-10-12 04:51:38

标签: javascript vue.js vuetify.js

如何在v-autocomplete中禁用选项?我确实看到了这个item-disabled,并传递了无效的选项的字符串值。 代码段

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

1 个答案:

答案 0 :(得分:0)

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

只需将禁用的道具添加到对象:

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

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

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

相关问题