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>