Filter v-选择停用某些项目/选项

Filter v-选择停用某些项目/选项,filter,vuetify.js,dropdown,v-select,Filter,Vuetify.js,Dropdown,V Select,我正在使用vuetify显示下拉列表。 这些选项来自我的组件数据。 我现在想做的是停用v-select中的部分项目。哪些项目被停用,哪些项目被激活将取决于用户输入。 我只能通过将disabled=“true”添加到v-select来找到停用整个v-select的选项 我的代码现在看起来像这样: <v-row v-for="(part, index) in xy"

我正在使用vuetify显示下拉列表。 这些选项来自我的组件数据。 我现在想做的是停用v-select中的部分项目。哪些项目被停用,哪些项目被激活将取决于用户输入。 我只能通过将
disabled=“true”
添加到v-select来找到停用整个v-select的选项

我的代码现在看起来像这样:

                          <v-row
                            v-for="(part, index) in xy"
                            :key="index">
                                <v-col md="3" sm="3">
                                    <v-card ripple >
                                    <v-img
                                        src="src/assets/test.PNG"
                                    ></v-img>
                                    </v-card>
                                </v-col>
                                <v-col md="8" sm="3">
                                    <v-select
                                    v- model="dropdownValues[index]"
                                    :items="part"
                                    hide-details
                                    label="Select value"
                                    single-line
                                    @change="changeInput(index, dropdownValues[index])"
                                    @click:append-outer="resetInput(index)"
                                    >
                                        <template slot="append-outer">
                                            <v-icon @click="resetInput(index)">
                                                mdi-close
                                            </v-icon>
                                        </template>
                                        <template
                                        slot="{item, index}">
                                            {{ index }}
                                        </template>
                                    </v-select>
                                </v-col>
                            </v-row>

mdi关闭
{{index}}
我原以为我可以通过这个插槽来完成这些项目,但现在我不确定在何处以及如何添加更改哪些项目处于非活动状态,哪些项目处于非活动状态的功能

提前谢谢

带有对象的项数组可以具有当前未记录的附加属性
已禁用

data: () => ({
    items: [
        { text: 'Empty', value: '' },
        { text: 'Test1', value: 'test1', disabled: true },
        { text: 'Test2', value: 'test2' },
        { text: 'Test3', value: 'test3' },
        { text: 'Test4', value: 'test4' },
    ]
}),
您可以将过滤后的对象数组作为计算属性返回,您可以在此处看到一些演示示例:

顺便说一句,您可以将此属性键更改为禁用
项的文本和值,就像使用
项文本
项值

更新:Vuetify文档现在已更新 现在,您可以看到对象数组中的所有可用项:

{
  text: string | number | object
  value: string | number | object
  disabled: boolean
  divider: boolean
  header: string
}