Skip to content

自动匹配

内置自动匹配功能,通过 :show-no-data-tip=false 隐藏面板的无数据提示,通过 search 监听搜索事件,change 监听搜索值变化事件。

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

const items = dataSource

const tags = ref([])
</script>

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