element-ui中el-table不顯示數(shù)據(jù)的問題解決
最近調(diào)試用element-ui中的el-table來顯示數(shù)據(jù),發(fā)現(xiàn)無法顯示出數(shù)據(jù),通過調(diào)試,發(fā)現(xiàn)后臺的數(shù)據(jù)傳到前臺了。如圖所示:
從網(wǎng)上收集到兩種答案都不成功。一種是將element-ui的版本降級。一種是在webpack里面設(shè)置一下:vue: 'vue/dist/vue.esm.js',原因是說element-ui使用的Vue版本與當(dāng)前的Vue版本不一致導(dǎo)致的。
resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': pathResolve('../src'), vue: 'vue/dist/vue.esm.js', }, },
不過在刪除依賴并用npm install進(jìn)行安裝時發(fā)現(xiàn)終端有一提示信息,如下:
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.
此提示信息表明強(qiáng)烈不推薦使用core-js@<3.23.3的版本。去查一下我的開發(fā)環(huán)境的依賴,而我的vue開發(fā)環(huán)境的依賴是:3.8.3
趕緊把此版本調(diào)整到大于3.23.3的版本。
再npm install后,運(yùn)行程序,el-table能顯示出內(nèi)容來了。
再次提醒我,出錯了要多看提示信息,而不是滿世界去找答案。
總結(jié)
到此這篇關(guān)于element-ui中el-table不顯示數(shù)據(jù)問題解決的文章就介紹到這了,更多相關(guān)el-table不顯示數(shù)據(jù)問題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- Element-UI中el-table如何合并相同單元格
- Element-ui設(shè)置el-table表頭全選框隱藏或禁用
- vue element-ui實(shí)現(xiàn)el-table表格多選以及回顯方式
- vue element-ui el-table組件自定義合計(jì)(summary-method)的坑
- element-ui中如何給el-table的某一行或某一列加樣式
- element-ui如何取消el-table的hover狀態(tài)(取消高亮顯示)
- 圖文詳解Element-UI中自定義修改el-table樣式
- element-UI?el-table樹形數(shù)據(jù)?修改小三角圖標(biāo)方式
- Element-UI 解決el-table中圖片懸浮被遮擋問題小結(jié)
相關(guān)文章
vue中使用element ui的彈窗與echarts之間的問題詳解
這篇文章主要介紹了vue中使用element ui的彈窗與echarts之間的問題詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10Vue項(xiàng)目打包部署到apache服務(wù)器的方法步驟
這篇文章主要介紹了Vue項(xiàng)目打包部署到apache服務(wù)器,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02electron實(shí)現(xiàn)靜默打印的示例代碼
這篇文章主要介紹了electron實(shí)現(xiàn)靜默打印的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08Vue3 + MybatisPlus實(shí)現(xiàn)批量刪除功能(詳細(xì)代碼)
這篇文章主要介紹了Vue3 + MybatisPlus實(shí)現(xiàn)批量刪除功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-03-03vue?如何刪除數(shù)組中的某一條數(shù)據(jù)
這篇文章主要介紹了vue?如何刪除數(shù)組中的某一條數(shù)據(jù),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08Vue中filter使用及根據(jù)id刪除數(shù)組元素方式
這篇文章主要介紹了Vue中filter使用及根據(jù)id刪除數(shù)組元素方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03vue系列之requireJs中引入vue-router的方法
這篇文章主要介紹了vue系列之requireJs中引入vue-router的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07