vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > el-table不显示数据问题

element-ui中el-table不显示数据的问题解决

作者:myd_88

这篇文章主要介绍了element-ui中el-table不显示数据的问题解决,这是最近在做列表首页时遇到的一个问题,文中通过图文介绍的非常详细,需要的朋友可以参考下

最近调试用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能显示出内容来了。

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

总结

到此这篇关于element-ui中el-table不显示数据问题解决的文章就介绍到这了,更多相关el-table不显示数据问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文