默认包含筛选项

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

<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>

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