解决：elementUi 样式不显示（请大佬们指点一二）

最新推荐文章于 2023-04-29 21:23:06 发布
最新推荐文章于 2023-04-29 21:23:06 发布
阅读量9.4k 收藏
点赞数
分类专栏： H5 文章标签： Vue elementUi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44265507/article/details/102575070
版权

背景

在使用vue+elementUi时，表单样式元素不显示，但是下面表格样式却是显示的。
在这里插入图片描述

问题：

elementui css样式没有在vue作用域中，所以没有显示样式
在这里插入图片描述

解决

将该css移入到 vue的作用域中，即可

![在这里插入图片描述](https://img-blog.csdnimg.cn/20191015211201737.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MjY1NTA3,size_16,color_FFFFFF,t_7

存在疑惑

请大佬，能否指点一下？为什么会出现这个情况，只是因为elementui基于vue的组件，所以在必须在vue的作用域吗？

参考：

  • https://www.cnblogs.com/goloving/p/9119460.html
  • https://segmentfault.com/q/1010000014727359
断然Juvenile
关注
专栏目录
前端开发模块VUE-Element UI学习笔记
旺仔Sec&blog
08-12 2730
基于 Vue 的一套桌面端组件库，提前封装好的 UI 模板，方便开发者快速搭建一个网站前端界面。官网：https://element.eleme.cn/
Vue引入的ElementUi没有样式怎么办
舌尖上的蛋炒饭的博客
08-19 8329
Vue引入的ElementUi没有样式怎么办 就像我的项目，明明按照官网的操作，全部引入了 import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI); new Vue({ el: '#app', render: h => h(App) });
关于element-ui样式无法显示的问题+解决办法
喜狼狼与灰太杨的博客
08-18 5822
问题描述： 新建的一个Vue.js项目（编辑工具WebStrom）， 我的环境： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm install -g vue-cli cnpm npm的淘宝镜像 项目中导入Element-UI框架 安装： npm install element-ui -S 项目中导入，修改main.js import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/i
element-ui样式不显示
li_pangpangka的博客
12-03 7937
因为是跟着视频学习的，视频用的是vue2，引入方法和vue3大相径庭，所以花了一些时间才解决。 严格按照官网的步骤，选择完整引入或者按需引入 完整引入 在 main.js 中写入以下内容： import Vue from ‘vue’; import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; import App from ‘./App.vue’; Vue.use(ElementUI); 一定不能忘记
解决elment-ui表格没有样式的问题
Leslie_55的博客
04-04 372
如何解决elment-ui表格没有显示的问题 只需要在main.js里面引入样式即可:import ‘element-ui/lib/theme-chalk/index.css’
从头写vue-解决element-ui样式不显示的问题
jessicafan0124的博客
11-30 1214
Element-UI样式不显示的问题错误样式显示解决方法正确样式 错误样式显示 代码使用了Element-UI的Side Bar，可以看到样式未显示 解决方法 安装主题生成工具，安装主题 > npm install element-them -g > npm install element-theme-chalk D 在main.js中进行引入 import ElementUI from 'element-UI' import 'element-them-chalk' 正确样式 ...
【已解决】ElementUI自定义样式生效过慢的问题
Hfuns
08-05 698
:class生效需要反应一下(之前不会有这种情况)，比如点击一下元素，然后CSS才会更新一下，然后尝试使用type类型来控制颜色，因为不论是type还是class，最后都是影响的class。warning就没问题，如下图所示，这样就正常变化颜色了。但是el-text–warning就会鼠标操作一下 短类名和长类名......
求大佬指点指点,SQL基础培训练习题以及解题思路
07-11
求大佬指点指点,SQL基础培训练习题以及解题思路
使用element组件不显示图标解决方法
shmily_yz的博客
11-17 8580
因为element版本的问题导致部分图标不显示，在这里，我找到了两种解决方法 第一种、 也是相对简单的一种，我们只需要在文件中的最下方加入 /* qq：1098935671 */ <style> @import url("//unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"); </style> 即可实现显示图标，这种方法就是相当于引用了老版的element的一个css样式库。 第二种、 也是正式的一种，这种方法是我请教了
elementui框架el-popover不正常的解决办法
mayucai's blog
10-22 8546
直接从elementui官网copy过来的el-popover有点问题。要么点击不显示，要么显示了弹出框，不关闭，很烦，于是从网上找了一个解决方案，原来的连接找不到了，为了防止下次再用，记下来先 <el-popover placement="top" width="160" :ref="scope.$index"> <p>确定删除吗？</p> &...
AI：全球人工智能领域代表性学者简介及大佬们的关系圈—向大佬们学习(国外内分开,持续更新/建议收藏)
热门推荐
近期请国内外头部出版社可尽快私信博主！——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
01-04 1万+
AI：全球人工智能领域代表性学者简介及大佬们的关系圈—向大佬们学习(国外内分开,持续更新/建议收藏) 导读：看大佬们辉煌的人生，感悟良多。 一分耕耘，一分收获； 人生，只管努力，认真科研，该来的都会来；因为，生活从来不会亏待，认真付出的人。 说俗一点，去大把努力，奖项和荣誉，终会前来自动敲门。 看大佬们过往人生，向大佬们学习，向前辈们致敬！ 目录 国外大佬 1、Michae...
elementui样式不生效
ANNENBERG的博客
08-25 1403
在main.js中引入js和css样式 挂载为vue的插件,如果这几步都没有问题,但是element的样式还是不显示!可以看一下vue.config.js文件中的css配置项,改成true。
家人们，发现ElementUI按需引入不出现样式和内容的大坑
最新发布
weiyanyan2020的博客
04-29 502
醉了，按照官网操作失效，加上这两个才行！
在vue中引入wow
qq_40409143的博客
09-25 413
在vue中引入wow 1、安装依赖 npm install wowjs --save 2、main.js中引入 3.在组件中使用 一开始我的一直没有效果，是因为animation的原因，不能使用wow自动带来的，需要自己引入噢。
【记录vue+element ui搭建页面为何不显示样式】
daisy_juhua的博客
11-12 1610
vue+element ui搭建页面为何不显示样式
element-ui的样式加载不出来
moon_lightxumu的博客
12-09 2165
element-ui样式加载不出来
text html mime img,css,spring_样式表单未载入，因为它的MIME类型 "text/html" 不是 "text/css"。，css,spring - phpStudy...
weixin_34717586的博客
06-28 847
样式表单未载入，因为它的MIME类型 "text/html" 不是 "text/css"。火狐：样式表单 http://localhost:8080/login 未载入，因为它的MIME类型 "text/html" 不是 "text/css"。谷歌：Resource interpreted as Stylesheet but transferred with MIME type text/html...
使用Element组件，不显示样式
m0_46539364的博客
07-14 999
解决方案 1.npm i element-ui 2.在main.js文件中导入 3.保存，即可显示样式
互联网巨头亲自操刀：为何大佬一抓产品即陨落
本文主要探讨互联网行业的一个独特现象，即“大佬一抓就死”，即当公司创始人或领导者亲自介入并全身心投入某个新产品或新项目时，往往会导致该项目的失败。文章通过列举多个实例进行说明： 1. 张朝阳在开心网和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值