element-ui中el-table不顯示數據的問題解決
最近調試用element-ui中的el-table來顯示數據,發(fā)現無法顯示出數據,通過調試,發(fā)現后臺的數據傳到前臺了。如圖所示:

從網上收集到兩種答案都不成功。一種是將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進行安裝時發(fā)現終端有一提示信息,如下:
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的版本。去查一下我的開發(fā)環(huán)境的依賴,而我的vue開發(fā)環(huán)境的依賴是:3.8.3

趕緊把此版本調整到大于3.23.3的版本。

再npm install后,運行程序,el-table能顯示出內容來了。
再次提醒我,出錯了要多看提示信息,而不是滿世界去找答案。
總結
到此這篇關于element-ui中el-table不顯示數據問題解決的文章就介紹到這了,更多相關el-table不顯示數據問題內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
- Element-UI中el-table如何合并相同單元格
- Element-ui設置el-table表頭全選框隱藏或禁用
- vue element-ui實現el-table表格多選以及回顯方式
- vue element-ui el-table組件自定義合計(summary-method)的坑
- element-ui中如何給el-table的某一行或某一列加樣式
- element-ui如何取消el-table的hover狀態(tài)(取消高亮顯示)
- 圖文詳解Element-UI中自定義修改el-table樣式
- element-UI?el-table樹形數據?修改小三角圖標方式
- Element-UI 解決el-table中圖片懸浮被遮擋問題小結
相關文章
vue中使用element ui的彈窗與echarts之間的問題詳解
這篇文章主要介紹了vue中使用element ui的彈窗與echarts之間的問題詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
Vue3 + MybatisPlus實現批量刪除功能(詳細代碼)
這篇文章主要介紹了Vue3 + MybatisPlus實現批量刪除功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-03-03
vue系列之requireJs中引入vue-router的方法
這篇文章主要介紹了vue系列之requireJs中引入vue-router的方法,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07

