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>