Skip to content

help 提示场景

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

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

const tags = ref([])
const handleHelp = () => {
  console.log('Help Event')
}
</script>

<template>
  <ClientOnly>
    <tiny-search-box class="mb10" v-model="tags" :items="dataSource" :show-help="false" @help="handleHelp" />
    <tiny-search-box v-model="tags" :items="dataSource" @help="handleHelp" />
  </ClientOnly>
</template>