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: string; value?: string | boolean | number; }[]	{ label: string; value?: string | boolean | number; }[]
label	string	无，必填	组件的标签文本。
modelValue	string |{ label: string; value?: string | boolean | number; }[]	number	undefined

Emits

事件名称	参数	描述
update:modelValue	modelValue: string |{ label: string; value?: string | boolean | number; }[]	number | undefined