＜el-input＞中的prefix-icon图标不显示问题

问题：

自己在引入icon时，安装官网的方式进行添加组件，在 el-input 中 prefix-icon 添加icon后，明显看出有空间用于显示 icon，但却不显示图标。

报错原因

import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const app = createApp(App)
    .use(ElementPlus)// ui 框架
    .use(Router)// 路由
    .use(i18n)// 国际化
    .mount('#app')

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

main.js 文件中，因为是后加的代码。component方法，写在了后面。此时createApp，已经挂到了app.vue中。以至于后面的组件注入，无法被使用。

__EOF__

本文作者：之士咖啡
本文链接：https://www.cnblogs.com/zz-1q/p/17113565.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！