【问题随记】关于 ElementPlus 样式无法加载完全的问题

繁依Fanyi

发布于 2024-07-30 13:49:14

1380

发布于 2024-07-30 13:49:14

问题记录

代码中使用了 el-input，但是 el-input 未加载完全，仅显示普通未渲染的输入框。

<el-form label-width="0px" class="login_form">
    <!--用户名-->
    <el-form-item>
        <el-input prefix-icon="el-icon-search" style="width:100%"></el-input>
    </el-form-item>
</el-form>

问题解决

引入 element-plus 的 css 样式即可。关键语句：import 'element-plus/dist/index.css'。

import { createApp } from 'vue'
import App from './App.vue'
import Router from './router/router.js'
import "./assets/css/global.css"
import ElementUI from 'element-plus'
import 'element-plus/dist/index.css' // 引入样式

createApp(App).use(Router).use(ElementUI).mount('#app')

el-input 正常显示。