<template>
|
<div class="search-container">
|
<el-input
|
v-model="searchText"
|
placeholder="搜索..."
|
prefix-icon="Search"
|
clearable
|
@input="handleSearch"
|
/>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
import { ref } from 'vue'
|
|
const searchText = ref('')
|
const emit = defineEmits(['search'])
|
|
const handleSearch = () => {
|
emit('search', searchText.value)
|
}
|
</script>
|
|
<style lang="less" scoped>
|
.search-container {
|
padding: 16px;
|
border-bottom: 1px solid #eee;
|
}
|
</style>
|
