【Vue】element组件不显示问题

最新推荐文章于 2024-05-11 00:32:32 发布
最新推荐文章于 2024-05-11 00:32:32 发布
阅读量1.5k 收藏 10
点赞数 12
分类专栏： 报错栏 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67930426/article/details/134826078
版权

使用element组件但不显示 

不显示的原因：（未引入element-ui） 

首先在控制台输入 npm i  element-ui  进行安装

安装完之后，再去main.js配置element-ui组件库

 

 

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

Vue.use(ElementUI)cc

然后再使用npm run serve 重启一次 

 

 

freedomSTUDENT
关注
  • 12
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
基于vue-element组件实现音乐播放器功能
08-27
"基于vue-element组件实现音乐播放器功能" 本篇文章主要介绍了如何使用 Vue.js 框架和 Element 组件库来实现一个音乐播放器的功能。该播放器可以播放音乐、调整音量、显示进度条等功能。 首先，文章中使用了 ...
elementui的格式无法显示
weixin_64652648的博客
09-06 209
当你在使用elementui的时候出现这样无法显示elementui的格式的时候，先确定是否已经安装了elementui，然后再去main.js中查看。这两个import引入必须有，以及后面的Vue.use(ElementUI)，不然页面显示将会出现错误。
vue3.x 关于引入第三方组件报错
E_ISOLATE的博客
07-19 3407
main.js之前的写法 import Vue from 'vue' import App from './App.vue' import router from './router/index' import store from './store' import 'element-ui/lib/theme-chalk/index.css'; import ElementUI from 'element-ui'; Vue.use(ElementUI); new Vue({ router, st
日常记录vue3按需引入element-plus的组件而样式不显示的问题
最新发布
huadu002193的博客
05-11 348
我是在package.json中直接改然后在控制台执行pnpm install。这时将unplugin-vue-components改为0.26.0就行了。在网上搜索了很多方法未解决，最后突然想到会不会是插件版本问题；我安装时unplugin-auto-import@0.17.5。ELMassage是eslint检测未引入报错，不必理会；虽然没有出现el-button样式，但点击绑定生效；后，运用官方组件仍然显示不出一些样式。npm,yarn语法应该也一样。结果还真的就是版本引起的；插件默认安装最新版；
element-ui ＜el-table＞不显示数据问题
jiaboboyu的博客
09-11 1606
刚开始使用npm i element-ui -S安装的elementui版本为。发现数据无法显示，发现可能是版本问题。
使用element组件不显示图标解决方法
shmily_yz的博客
11-17 8386
因为element版本的问题导致部分图标不显示，在这里，我找到了两种解决方法 第一种、 也是相对简单的一种，我们只需要在文件中的最下方加入 /* qq：1098935671 */ <style> @import url("//unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"); </style> 即可实现显示图标，这种方法就是相当于引用了老版的element的一个css样式库。 第二种、 也是正式的一种，这种方法是我请教了
element ui 不正常显示
falali162的博客
11-01 314
1.必须确保element 元素放在 中。必须引入vue 并且vue 对象要实例化。此网络引用可正常工作。
使用elementui踩坑（实则手贱），组件库显示不出来，需要点击多次才会出现的bug
qq_37176498的博客
12-22 654
使用elementui组件库时，z-index在组件库中默认一般为2000左右，自己定义的z-index应该不高于2000！！！！！！！！！！！！ ui库的z-index点击一次会自增1，所以点击多次才会出现（实则被遮盖了）。 引以为戒，z-index 自己设置不应该设置较高的值！！！！！！ ...
vue基于element的区间选择组件
10-18
Vue.js 是一个流行的前端框架，而 Element UI 是一套基于 Vue 的组件库，提供了丰富的 UI 组件，如表格、按钮、对话框等。然而，Element UI 的原生组件中并未包含一个完全满足区间选择功能的组件，特别是对于需要...
vue element 穿梭组件 多选组件
06-12
vue element 穿梭组件 多选组件 二次封装，笔记组件
Vue element-ui父组件控制子组件的表单校验操作
10-15
在Vue.js框架中，Element-UI是一个非常流行的UI组件库，它提供了丰富的界面元素和功能，包括表单验证。在大型应用中，我们经常需要在父组件中控制子组件的行为，比如触发子组件的表单验证。以下将详细介绍如何实现...
electron-vue-element el-table组件无法显示
xiaox的专栏
02-13 322
如题，electron-vue-element框架中，使用el-table组件无法工作。 将electron-vue 目录下的 webpack.renderer.config.js 文件打开 let whiteListedModules = ['vue'] 修改为 let whiteListedModules = ['vue', 'element-ui'] <hr style=" border:solid; width:100px; height:1px;" color=#000000 siz
ElementUI样式不显示
qq_54727445的博客
12-21 1332
vue文件运行后，不报错有文本但ElementUI样式不显示
VUE+Element首次打开Dialog加载子组件数据未渲染（不显示）
学点的CSDN博客
11-16 7241
VUE+Element第一次打开弹窗组件时，父组件传给子组件的数据在视图中未显示，第二次以后再打开就可以显示（已解决）
解决vue3按需引入element-plus的组件而样式不显示的问题
qq_45160662的博客
09-11 4236
解决vue3按需引入element-plus的组件而样式不显示的问题
组件的显示与隐藏（两种方案）
weixin_73219516的博客
05-29 2516
方法1：$route.path 判断 html部分 路由配置 .我们可以根据组件身上的$route获取当前的路由信息，通过路由的路径判断我们的组件是否显示或者隐藏 例如：top是我们在某个页面上显示或者隐藏的导航组件 如果我们的home组件和user组件需要显示我们的top组件 ，我们可以用$route.path 判断我们当前所跳转到页面，如果等于则显示top组件，否则不显示 方法2：使用路由元件信息 以下的vue官方文档的介绍 ok下面我门看实际用法 我们在配置路
element-ui图标不显示问题(已解决）
sagiiiii的博客
03-03 7982
方法1：在package.json中修改element-UI版本号 方法二：(如果经方法一还是不能显示图标) main.js里面统一注册icon // 统一导入el-icon图标 import * as ElIconModules from '@element-plus/icons' // 统一注册el-icon图标 for(let iconName in ElIconModules){ app.component(iconName,ElIconModules[iconName]) } 方法三
html单页面通过cdn引入element-ui组件样式不显示问题
雨落宿命敲的博客
03-02 2959
html单页面通过cdn引入element-ui组件样式不显示问题 必须先引入vue，再通过cdn引入element，否则element-ui组件与样式无效。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport
HTML页面引入Vue和Element UI不起作用解决办法
猿小白的博客
11-25 1666
HTML页面引入Vue和Element UI不起作用，控制台无报错，解决办法
vue导入element组件显示空白页
03-25
A：这可能是由于您没有正确引入所需的CSS文件导致的。请确保您已正确地引入Element UI CSS文件。您可以尝试在您的Vue项目中添加以下代码行： ```js import 'element-ui/lib/theme-chalk/index.css'; ``` 与此同时，请确保您已正确地引入所需的Element UI组件。您可以检查您的`main.js`文件以查看它是否包含以下内容： ```js import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ``` 如果您的问题仍然存在，请考虑提供更多细节以帮助我们更好地理解您的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值