vue3使用element-plus,全局加载配置

  • Vue3报错:Failed to resolve component: xx If this is a native custom element, make sure to exclude it f
    原因是是使用icon时报错,应该是icon也要引入东西

  • 安装

    npm install element-plus --save
    
  • 代码

    //main.js文件
    import { createApp } from 'vue'
    // vue3使用element-plus的步骤一
    import ElementPlus from 'element-plus'
    import 'element-plus/dist/index.css'
    import * as ElementPlusIconsVue from '@element-plus/icons-vue'
    
    
    
    import App from './App.vue'
    
    
    // element-plus使用的步骤二,遍历完所有icon添加到app里
    const app = createApp(App)
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        app.component(key, component)
      }
    
    app.use(ElementPlus)
    app.mount('#app')
    
    
    //x.vue 使用elementplus
    <el-icon :size="20">
        <Edit />
    </el-icon>
    

你可能感兴趣的:(vue.js,前端,javascript,element-plus)