Javascript Vuetify v-select+；项目已禁用如何使用它？

抽样

导出默认值{
数据：（）=>({
商品：['foo'，'bar'，'fizz'，'buzz']，
值：['foo'，'bar'，'fizz'，'buzz']，
}),
}

如中所述，项目可以是具有以下属性的对象数组：

{
文本：字符串|数字|对象，
值：字符串|数字|对象，
禁用：布尔，
除法器：布尔，
标题：字符串
}

你的例子变成：

<template>
  <v-select
    v-model="value"
    :items="items"          
    multiple
  ></v-select>
</template>

<script>
export default {
  data: () => ({
    items: [
      {
        text: "foo",
        value: "foo",
        disabled: true,
      },
      {
        text: "bar",
        value: "bar",
      },
      {
        text: "fizz",
        value: "fizz",
        disabled: true,
      },
      {
        text: "buzz",
        value: "buzz",
      },
    ],
  }),
};
</script>

导出默认值{
数据：（）=>({
项目：[
{
文本：“foo”，
值：“foo”，
残疾人:对,，
},
{
文字：“酒吧”，
值：“条”，
},
{
文字：“嘶嘶声”，
值：“起泡”，
残疾人:对,，
},
{
文字：“嗡嗡声”，
值：“嗡嗡声”，
},
],
}),
};

根据此处提出的github问题[该问题仍然存在]：

如果传递一个数组，它将用作属性的路径（['a'，'b']是 “a.b”），而不是项值列表

所以，根据现在的情况，我们不能将数组直接传递给item disabled以禁用某些选项。 如上述答复所述， 需要将当前数组转换为对象数组，以便 项目已禁用，无法工作。我们需要传递禁用的对象数组：对于需要禁用的对象为true

  [
      {text: 'Bar', value: 'Bar'}, 
      {text: 'Gizz - Disabled', value: 'Gizz', disabled: true}
  ]

以下是一个例子-

类似问题供参考：

---

谢谢您的帮助，您觉得---禁用物品怎么样---

  [
      {text: 'Bar', value: 'Bar'}, 
      {text: 'Gizz - Disabled', value: 'Gizz', disabled: true}
  ]