跳到主要内容
版本:Next

SearchInput

此组件适用于关键词搜索场景,输入数据的过程中不会触发搜索,只有在输入完成后,点击回车才会触发搜索。

使用方式

<script lang="ts" setup>
import { ref } from "vue"

const keyword = ref("")
</script>

<template>
<SearchInput v-model="keyword" placeholder="请输入关键字" />
</template>

Props

属性名类型默认值描述
placeholderstringundefined可选,用于指定输入字段的占位符文本。
modelValuestring无,必填用于绑定输入字段的值。

Emits

事件名称参数描述
update:modelValuemodelValue: string 类型,表示模型值。当模型值更新时触发。