Element-UI 我所遇到的一点小问题

女爷i 2023-02-15 01:24 16阅读 0赞

今天在自己写demo 的时候 用到Element-UI , 被一个小问题纠结了一小会，就是安装element-ui 在使用时 是没有样式的，之前的项目可能是可视化创建时直接下载的element-插件 所以有配置，我建的这个demo 是直接 npm i element-ui 安装 ，发现在使用时Element-ui 的 样式根本么有生效，那么怎么解决呢，我试了两种方法如下：

1、在项目中引入 element-ui 的 css 样式，在你引入Element-ui 的地方就好 main.js 或者自己单独的配置文件 element.js 最终也是引入到main.js 中 ，按如下引入：

**import 'element-ui/lib/theme-chalk/index.css'**

import Vue from 'vue'
    import {
        Container,
        Main,
        Header,
        Aside,
        Menu,
        MenuItem,
        Submenu,
        Table,
        TableColumn
    } from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    Vue.use(Container)
    Vue.use(Main)
    Vue.use(Header)
    Vue.use(Aside)
    Vue.use(Menu)
    Vue.use(MenuItem)
    Vue.use(Submenu)
    Vue.use(Table)
    Vue.use(TableColumn)

2、在babel.config.js 中的 plugins 标签中 添加引入如下：

plugins: [
            [
                'component',
                {
                    libraryName: 'element-ui',
                    styleLibraryName: 'theme-chalk'
                }
            ]
        ]

附上Element 的官网 ：[https://element.eleme.cn/\#/zh-CN/component/installation][https_element.eleme.cn_zh-CN_component_installation]

[https_element.eleme.cn_zh-CN_component_installation]: https://element.eleme.cn/#/zh-CN/component/installation

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL初始化时所遇到的问题

在编程界遇到bug是常态，遇到它得勇于面对，不要视而不见，虽然这过程会比较痛苦，甚至抓狂，但当你解决了这个问题，那么这就是宝贵的经验。

雨点打透心脏的1/2处/ 2024年05月05日 06:50/ 0 赞/ 104 阅读

相关 Flink aggregate()函数使用遇到的一点小问题

使用aggregate()函数的时候，一直报错，先贴代码吧 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text...

深碍√TFBOYSˉ_/ 2024年04月18日 17:23/ 0 赞/ 97 阅读

相关一点小成绩和一点小变动

![b30421f64423be989a319c3879772bb8.png][] 作者 | 磊哥来源 | Java中文社群（ID：javacn666）转载请联

蔚落/ 2023年10月15日 14:24/ 0 赞/ 96 阅读

相关 Element-UI 我所遇到的一点小问题

今天在自己写demo 的时候用到Element-UI , 被一个小问题纠结了一小会，就是安装element-ui 在使用时是没有样式的，之前的项目可能是可视化创建时直接下载

女爷i/ 2023年02月15日 01:24/ 0 赞/ 17 阅读

相关关于我遇到的php的 offset 的一点的总结

我们先来一段前奏： <?php $arr = Array("banana", "apple", "bear"); echo

曾经终败给现在/ 2022年09月18日 07:52/ 0 赞/ 178 阅读

相关编码问题的一点小事

最近和别人合作写一个 [C语言][C]demo，他在windows7中文 [操作系统][Link 1]上使用nodepad++写了一段代码。然后我在centos英文版

朴灿烈づ我的快乐病毒、/ 2022年06月17日 04:26/ 0 赞/ 219 阅读

相关开发聊天通讯所遇到的问题

目前正在开发一个网页实时聊天，支持web和手机端即时通讯，支持web多页面的接收和发送，仅支持单对单的聊天模式。开发过程中遇到了一些问题，记载下来以供以后参

待我称王封你为后i/ 2022年05月30日 05:53/ 0 赞/ 227 阅读

相关 lua安装bit所遇到的问题

使用luarocks安装bit遇到很多问题: bit本身是由lua5.1,5.2提供，在5.3中没有提供。 lua5.3提供bit32 要是直接用命令，应该是lua

忘是亡心i/ 2022年04月25日 00:18/ 0 赞/ 258 阅读

相关 SXSSFWorkbook XSSFWorkbook 我所遇到的坑大集合

转载于：[https://blog.csdn.net/qq\_31615049/article/details/82228812][https_blog.csdn.net_qq

客官°小女子只卖身不卖艺/ 2022年03月25日 15:56/ 0 赞/ 1784 阅读

相关我曾遇到的Java小技巧

盘点我曾遇到的Java小技巧（一些新手不容易想到的基本操作）持续更新… 1. int类型数据奇偶判断 // 方法 public boolean is

爱被打了一巴掌/ 2022年01月21日 06:23/ 0 赞/ 281 阅读