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

 更新时间:2023年07月27日 10:00:40   作者: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不显示数据问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue如何清除浏览器历史栈

    vue如何清除浏览器历史栈

    这篇文章主要介绍了vue如何清除浏览器历史栈,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • 用Axios Element实现全局的请求loading的方法

    用Axios Element实现全局的请求loading的方法

    本篇文章主要介绍了用Axios Element实现全局的请求loading的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • vue框架render方法如何替换template

    vue框架render方法如何替换template

    这篇文章主要介绍了vue框架render方法如何替换template,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Electron中打包应用程序及相关报错问题的解决

    Electron中打包应用程序及相关报错问题的解决

    这篇文章主要介绍了Electron中打包应用程序及相关报错问题的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue中keepAlive组件的作用和使用方法详解

    vue中keepAlive组件的作用和使用方法详解

    vue里提供了keep-alive组件用来缓存状态,这篇文章主要给大家介绍了关于vue中keepAlive组件的作用和使用方法的相关资料,需要的朋友可以参考下
    2021-07-07
  • vue中监听路由参数的变化及方法

    vue中监听路由参数的变化及方法

    这篇文章主要介绍了vue中监听路由参数的变化,给大家介绍了vue中监听路由参数变化的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • 在vue里如何使用pug模板引擎

    在vue里如何使用pug模板引擎

    这篇文章主要介绍了在vue里如何使用pug模板引擎,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • Vue3 去除 vue warn 及生产环境去除console.log的方法

    Vue3 去除 vue warn 及生产环境去除console.log的方法

    这篇文章主要介绍了Vue3 去除 vue warn 及生产环境去除console.log的方法,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06
  • 浅谈在Vue.js中如何实现时间转换指令

    浅谈在Vue.js中如何实现时间转换指令

    这篇文章主要介绍了浅谈在Vue.js中如何实现时间转换指令,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • 在vue项目中引入scss并使用scss样式详解

    在vue项目中引入scss并使用scss样式详解

    SCSS是一种CSS预处理语言,定义了一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,这篇文章主要给大家介绍了关于在vue项目中引入scss并使用scss样式的相关资料,需要的朋友可以参考下
    2022-07-07

最新评论