为什么Element-ui的样式无法生成

这是login.vue文件

<template>
<div class="login_container">
    <div class="login_box">
        <!-- 头像区 -->
        <div class="avatar_box">
            <img src="../assets/logo.png">
        </div>
        <!-- 表单区 -->
        <el-form label-width="100px">
          <el-form-item label="活动名称">
            <el-input></el-input>
          </el-form-item>
          <el-button type="primary" icon="el-icon-search">搜索</el-button>
        </el-form>
    </div>
</div>
</template>

这是elementui.js文件

import Vue from 'vue'
import { Button} from 'element-ui'
import {Form,FormItem} from 'element-ui'
import {Input} from 'element-ui'
 
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)

vue里面导入了element-ui组件,为什么没有elementui的样式

image.png

阅读 2.5k
2 个回答

import 'element-ui/lib/theme-chalk/index.css'
加个这个试试

你缺少了样式文件的引入

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏