求助,路过的大佬帮忙看一下!!!!elment中input组件使用prefix-icon="el-icon-search"不加载图标

背景:创建了一个简单的vue工程想用测试一下el-input组件的功能,没有显示图标。代码如下所示

<template>
    <el-input v-model="value"
    placeholder="请输入内容"
    :disabled="false"
    :show-password="true"
    :clearable="true"
    prefix-icon="el-icon-edit"
    type="text"></el-input>
</template>

<script  setup>
import { ref } from 'vue'
const value = ref('')
</script>

 其中在main.js中定义了图标的加载

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// import * as ElIconModules from '@element-plus/icons'

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



const app = createApp(App)
//  统一注册el-icon图标
// for(let iconName in ElIconModules){
//   app.component(iconName,ElIconModules[iconName])
// }
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
app.use(ElementPlus)
app.mount('#app')

 

posted on 2024-03-27 13:25  昨夜小楼听风雨  阅读(172)  评论(0编辑  收藏  举报