跳到主要内容
版本:2.19

FilterDropdown

此组件为通用的下拉筛选组件,可以接收一个对象数组作为选项,并使用 v-model 绑定选择的值。

使用示例

<script lang="ts" setup>
import { ref } from "vue"

const value = ref("")
const items = [
{
label: "最近创建",
value: "creationTimestamp,desc"
},
{
label: "较晚创建",
value: "creationTimestamp,asc"
}
]

</script>
<template>
<FilterDropdown
v-model="value"
label="排序"
:items="items"
/>
</template>

Props

属性名类型默认值描述
items{ label: string; value?: string | boolean | number; }[]无,必填包含 label 和可选 value 的对象数组。
labelstring无,必填组件的标签文本。
modelValuestring | boolean | numberundefined可选,用于绑定到组件的值,可以是字符串、布尔值或数字。

Emits

事件名称参数描述
update:modelValuemodelValue: string | boolean | number | undefined当模型值更新时触发。