时间戳

首页 > 解决方案 > 禁用 v-autocomplete 中的选项

javascript - 禁用 v-autocomplete 中的选项

问题描述

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

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

标签： javascriptvue.jsvuetify.js

解决方案

<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

推荐阅读