<template>
    <div>
        <div class="mt-1" style="margin-bottom: 5px">
            <el-input
                    v-model="input3"
                    placeholder="快速查询"
                    class="input-with-select"
                    clearable
            >
                <template #prepend>
                    <el-select v-model="select" style="width: 115px">
                        <el-option label="精准" value="1" />
                        <el-option label="模糊" value="2" />
                    </el-select>
                </template>
                <template #append>
                    <el-button :icon="Search" @click="clickFn"/>
                </template>
            </el-input>
        </div>
    </div>
</template>

<script lang="ts" setup>

import { Search } from "@element-plus/icons-vue"
import {ref} from 'vue'

const input3 = ref('')
const select = ref('1')

function clickFn() {
    // console.log('点击搜索')
    console.log(select)
}

</script>

<style scoped>

</style>
