el-input的icon封装使用
<template>
<el-input v-bind="attrs">
<template v-if="prefixIcon" #prefix>
<i :class="prefixIcon"/>
</template>
<template v-if="suffixIcon" #prefix>
<i :class="suffixIcon"/>
</template>
</el-input>
</template>
<script setup>
import {useAttrrs} from 'vue'
defineProps({
prefixIcon:String,
suffixIcon:String
})
const attrs=useAttrs()
</script>
使用方法
<icon-input v-model="text" placeholder="请输入" prefix-icon="iconfont icon-sousuo" />