el-table不显示数据的问题

这篇具有很好参考价值的文章主要介绍了el-table不显示数据的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最近调试用element-ui中的el-table来显示数据,发现无法显示出数据,通过调试,发现后台的数据传到前台了。如图所示:

el-table不显示数据的问题

 从网上收集到两种答案都不成功。一种是将element-ui的版本降级。一种是在webpack里面设置一下:vue: 'vue/dist/vue.esm.js',原因是说element-ui使用的Vue版本与当前的Vue版本不一致导致的。

	resolve: {
		extensions: ['.js', '.vue', '.json'],
		alias: {
			'@': pathResolve('../src'),
			vue: 'vue/dist/vue.esm.js',
		},
	},

不过在删除依赖并用npm install进行安装时发现终端有一提示信息,如下:

npm WARN deprecated core-js@2.6.12: core-js@<3.23.3 is no longer maintained 
and not recommended for usage due to the number of issues. 
Because of the V8 engine whims, feature detection in old core-js versions could
 cause a slowdown up to 100x even if nothing is polyfilled.
 Some versions have web compatibility issues. 
Please, upgrade your dependencies to the actual version of core-js.

此提示信息表明强烈不推荐使用core-js@<3.23.3的版本。去查一下我的开发环境的依赖,而我的vue开发环境的依赖是:3.8.3

el-table不显示数据的问题

 赶紧把此版本调整到大于3.23.3的版本。

el-table不显示数据的问题

 再npm install后,运行程序,el-table能显示出内容来了。

再次提醒我,出错了要多看提示信息,而不是满世界去找答案。文章来源地址https://www.toymoban.com/news/detail-503614.html

到了这里,关于el-table不显示数据的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • el-table不显示数据的问题

    最近调试用element-ui中的el-table来显示数据,发现无法显示出数据,通过调试,发现后台的数据传到前台了。如图所示:  从网上收集到两种答案都不成功。一种是将element-ui的版本降级。一种是在webpack里面设置一下:vue: \\\'vue/dist/vue.esm.js\\\',原因是说element-ui使用的Vue版本与当前的

    2024年02月11日
    浏览(38)
  • vue使用element-ui,el-table不显示

    例如:新增了一个表格,按官网代码贴过来的,结果一直不显示 代码如下一模一样,其他数据正常显示,就表格不显示 其实版本库不一致导致的,贼坑,又不提示 先卸载element-ui安装一个低版本的element-ui就可以解决``

    2024年02月11日
    浏览(66)
  • el-table 多表格弹窗嵌套数据显示异常错乱问题

    使用vue+element开发报表功能时,需要列表上某列的超链接按钮弹窗展示,在弹窗的el-table列表某列中再次使用超链接按钮点开弹窗,以此类推多表格弹窗嵌套,本文以弹窗两次为例 最终效果如下示例页面 这里有几个可能的原因和建议来解决这个问题: ①数据问题: 首先确保

    2024年02月05日
    浏览(48)
  • Element-UI el-table高度不固定,自适应高度显示滚动条

    表格内容过多时显示滚动条:可通过 max-height设置一个固定的数值高度实现,但是项目中的需求是表格的高度不能写死,要自适应高度来显示滚动

    2024年02月11日
    浏览(60)
  • [element-ui] el-table表格头添加图标-鼠标移入显示el-tooltip提示信息

    只是单纯的想在table中添加图标和tooltip 在el-table-column中绑定:render-header=“renderPrice” (此方法无法使tooltip换行) 方法二、 使用组件插槽,elementui已封装好 elementUI表格头添加图标-鼠标移入显示el-tooltip提示信息

    2024年02月11日
    浏览(50)
  • 解决vue-electron element-UI中el-table表格不显示

    问题:element-UI官网上el-table组件,引入自己项目的时候表格不显示。 解决方案: 修改.electron-vuewebpack.renderer.config.js 将 修改为 即可解决。

    2024年02月16日
    浏览(53)
  • element-ui 表格el-table的列内容溢出省略显示,鼠标移上显示全部和定制样式

       1、在对应列加上省略显示show-overflow-tooltip属性,如果加上这属性,鼠标移上还是没效果,要考滤是不是层级的原因,被其他挡住了。    效果如下图: 2、定制样式: 默认提示框主题色是黑色,如果想改成浅色和改变提示框的宽度,则需要加复盖样式: 最后效果:

    2024年02月13日
    浏览(43)
  • vue+element-ui el-table组件二次封装实现虚拟滚动,解决数据量大渲染DOM过多而卡顿问题

    某些页面不做分页时,当数据过多,会导致页面卡顿,甚至卡死 一、固定一个 可视区域 的大小并且其大小是不变的,那么要做到性能最大化就需要尽量少地渲染 DOM 元素,而这个最小值也就是可视范围内需要展示的内容,而可视区域之外的元素均可以不做渲染。 二、如何计

    2024年02月10日
    浏览(64)
  • Element-UI 解决el-table合并行+固定列鼠标浮动高亮问题

    今天在搬砖的时候发现了一个问题,当用el-table组件画表格,并且存在合并行时,鼠标浮动的高亮样式有些问题,如下图。 可以看到虽然已经合并成为了一行但是,高亮部分的显示样式仍然是分家状态。由于我画的表格需要有固定列,虽然百度了一些大神的方法,但是仍然没

    2024年02月11日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包