Skip to content

help 提示场景

通过 show-help 属性可以控制是否显示帮助图标,默认为 true。当设置为 false 时,不会显示帮助图标,使用 help 事件回调可自定义弹窗内容。

<template>
  <ClientOnly>
    <tiny-search-box
      v-model="tags"
      :show-help="true"
      :items="dataSource"
      @help="handleHelp"
    />
  </ClientOnly>
</template>
  
<script setup lang="ts">
import { ref } from 'vue'
import { dataSource } from './data-source'
const tags = ref([])
const handleHelp = () => {
  console.log('Help Event')
}
</script>