Vue2.0+Element-ui(2.15.13)出现el-table不显示问题解决方案

最新推荐文章于 2024-09-25 14:45:03 发布

Smart_11

最新推荐文章于 2024-09-25 14:45:03 发布

阅读量5.9k

点赞数 8

分类专栏：前端开发文章标签： vue.js elementui

本文链接：https://blog.csdn.net/smart_11/article/details/129961028

版权

前端开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

文章描述了在使用Element-ui时遇到的el-table组件显示异常的问题，原因是项目同时引用了Element-ui和vant导致冲突，以及Element-ui的高版本可能不兼容Vue2.0。解决方案是卸载并重新安装Element-ui的2.8.3版本，并强调了需重启项目以使更改生效。

摘要由CSDN通过智能技术生成

遇到的问题：

Element-ui中的 el-table组件无法正常显示；

1.安装的Vue是2.0版本；

2.安装的Element-ui是2.15.13版本

原因：

1.一个项目调用了element-ui和vant两个ui库，有冲突；

2.Element-ui是2.15.13版本依赖比较高；

解决方案：

1.npm uninstall element-ui；下载Element-ui

2.npm install element-ui@2.8.3

3.一定要重启

说明：@后面可以紧跟着是下载版本，如果不写；默认下载的是最新版本；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Smart_11

关注关注

8
点赞
踩
11

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Element-UI升级后，el-table不显示空白问题备份包资源备份

10-26

Element-UI升级后，el-table不显示空白问题备份包

关于Element-ui中Table表格无法显示的问题及解决

Ultravioletrays的博客

06-28

9443

今天在书写代码时遇到的问题，el-table在页面中突然显示为空白，检查了甚至重复粘贴的几次官网代码都不行，后来在网上查阅了相关资料，解决了问题。问题就出现在此步骤：在浏览器输入url，回车后，浏览器空白，什么都不显示。注意：原来项目中的element-ui版本是2.13.0，上图显示的是我重新安装的element-ui依赖版本号。最终找到问题的根源是element-ui依赖版本太高，换一个低版本的依赖即可。element-ui的依赖版本过高所导致的，将其该成低版本即可，亲测可用。(1)在package.

4 条评论您还未登录，请先登录后发表或查看评论

在vue2中使用Element UI库 el-table 不显示问题

最新发布

u011233151的博客

09-25

274

接手个老项目的维护，需要修改一个小小的功能，页面吧，就是一个input框，button按钮，table表格，可偏偏本地跑的时候，el-table组件，写出来的表格，就是不显示，其他都么问题，费力半天，在那里搞。好吧，这是我查到的，让我改成2.9.2（要去掉版本号前端的^，不然还是会安装最新的，我截图是没有去掉之前的）,然后把node_modules文件删除重新装依赖。就是因为elementUI 的版本太高了，我原来是，2.15.6，根源是element-ui依赖版本太高，得换一个低版本的依赖。

el-table不显示问题

m0_62434937的博客

09-15

6117

el-table不显示的阴间bug

Vue3: el-table表格数据不显示

无面人的博客

11-15

6006

Vue3: el-table表格数据不显示

element-ui@2.15.9 cdn资源

08-09

Element UI 是一个基于 Vue.js 的开源 UI 组件库，它为开发者提供了丰富的组件，用于构建美观、可扩展的用户界面。版本号 `2.15.9` 表示这是该库的一个稳定版本，可能包含了修复的错误、优化的性能以及新增的功能。 ...

element-ui版本号2.15.12的包

12-28

总的来说，Element UI版本2.15.12的包着重解决了`el-table`组件在表格合并和hover样式方面的痛点，提高了用户体验。这个更新不仅体现了Element UI团队对细节的关注，也展示了他们致力于提供更稳定、更易用的前端解决...

element-ui-最新版离线文档-2.15.6.zip

10-28

Element UI 是一个基于 Vue.js 的开源 UI 组件库，它为开发者提供了丰富的组件，用于构建美观、可自定义的企业级前端界面。这个“element-ui-最新版离线文档-2.15.6.zip”文件包含了 Element UI 最新版本 2.15.6 的...

element-ui组件table实现自定义筛选功能的示例代码

10-17

在本文中，我们将深入探讨如何使用element-ui组件库中的table组件实现一个自定义的筛选功能。element-ui是一个流行的Vue组件库，它提供了各种各样的UI组件，以帮助开发者快速构建高质量的Web界面。其中，table组件是...

莫名其妙el-table不显示问题

zxo_apple的博客

10-26

1499

【代码】莫名其妙el-table不显示问题。

element-ui ＜el-table＞不显示数据问题

jiaboboyu的博客

09-11

1984

刚开始使用npm i element-ui -S安装的elementui版本为。发现数据无法显示，发现可能是版本问题。

el-table不显示数据的问题

wwwjr00的博客

03-29

5637

一种是在webpack里面设置一下：vue: 'vue/dist/vue.esm.js',原因是说element-ui使用的Vue版本与当前的Vue版本不一致导致的。此提示信息表明强烈不推荐使用core-js@

Element-ui中Table表格无法显示的问题解决

姬鹏的博客

05-08

1923

传入el-table的数据结构

ZQH084811的博客

09-19

875

表格展示 <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="n

记一次elementui el-table无法显示问题

m0_57846722的博客

11-05

2021

百度查询之后说降到2.8.2可以显示，尝试了一下确实可以，尴尬的是项目中用到了el- description控件，2.8.2并没有这个控件，预设去github issue上查看，原因是存在多个vue包。开发过程中引入了el-table发现表格不显示，表格有给数据，打开f12发现高度为0。版本 elemenui 2.15.6 vue 2.5.16。

解决vue-electron element-UI中el-table表格不显示

shenyaya1003的博客

04-15

1844

问题：element-UI官网上el-table组件，引入自己项目的时候表格不显示。修改.electron-vue\webpack.renderer.config.js。

Vue3中el-table表格数据不显示

每天都想吃好吃的

11-22

4092

检查 scoped-slot 是否正确使用：如果使用了 scoped-slot，确认作用域插槽中的绑定名是否正确，如 v-slot="{ scope }" 中的 scope 是否与 column 属性中的 scopedSlot 名称一致。检查 el-table 组件的 load 方法是否正确使用：如果使用了 load 方法，确认 load 方法是否正确实现，如返回的数据是否为数组，是否包含必要的属性等。检查数据格式是否正确：确认数据是否传入了正确的格式，如数据是否为数组，每条数据是否包含必要的属性等。

记一次element-ui的table不显示，也不报错的问题

sundaoli_0的博客

03-02

3869

element-ui 的表格组件，死活不显示表头，给数据的话整个就空白，不给数据就只显示一个 “暂无数据”，找了半天的原因，甚至重建项目，最终排查的原因是 vue.config.js 下面的这段代码出了问题。element-ui版本：2.15.13。控制台也不报错，将版本也不行。vue版本：2.6.14。