按element官网的说明,安装包:
$ npm install @element-plus/icons-vue
使用全局注册:
// main.ts
// 如果您正在使用CDN引入,请删除下面一行。
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
方式一使用:
<el-input v-model="form.username" placeholder="请输入用户名">
<template #prefix>
<el-icon ><user /></el-icon>
</template>
</el-input>
正常显示,
换一种方式
<el-input v-model="form.username" placeholder="请输入用户名" :prefix-icon="User">
嗯?图标呢????
没问题呀,是按照element官网写的,一丝不差
Why????????????
问了N久度娘,没有解决,偶尔把 prefix-icon="User"前边的冒号删掉:
<el-input v-model="form.username" placeholder="请输入用户名" prefix-icon="User">
好了,咋回事儿泥?? 懵逼中...