el-table不显示数据的问题

在使用Element-UI的el-table组件时遇到数据无法显示的问题,经过调试发现数据已传到前台。尝试了降级element-ui版本和修改webpack配置中的Vue版本引用,但未成功。后来注意到npm安装时有core-js版本过低的警告,升级core-js到3.23.3以上版本后,el-table成功显示内容。这个经历提醒我们解决问题时要注意错误提示信息。
摘要由CSDN通过智能技术生成

最近调试用element-ui中的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

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

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

再次提醒我,出错了要多看提示信息,而不是满世界去找答案。

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值