默认包含筛选项

通过 model-value/v-model 配置默认选中标签项。

<template>
  <ClientOnly>
    <tiny-search-box :items="dataSource" v-model="tags" default-field="ip" />
  </ClientOnly>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { dataSource } from "./data-source";

const tags = ref([
  {
    field: "ip",
    label: "个人IP地址",
    value: "192.168.66.88",
  },
  {
    field: "testName",
    label: "名称",
    value: "ecs-1",
    type: "radio",
  },
]);
</script>