Filter v-选择停用某些项目/选项
我正在使用vuetify显示下拉列表。 这些选项来自我的组件数据。 我现在想做的是停用v-select中的部分项目。哪些项目被停用,哪些项目被激活将取决于用户输入。 我只能通过将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"
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
}