使用elementPlus組件,分頁功能[Pagination]時,字段:total="XXX"時,實際樣式顯示為 Total {total} 問題的解決辦法


先說原因: elementplus版本過低:版本<1.3.0

解決辦法:升級到    "element-plus": "^1.3.0-beta.1",  以上

最后說解決流程

今天使用 分頁功能[el-Pagination]時 total一直顯示為 Total {total} ,經過自測發現傳遞的數字沒有問題.

so上百度找解決辦法,找了無數個帖子,終於在留言中找到解決辦法

https://segmentfault.com/q/1010000041094469/

 

 

 然后計划升級插件版本,

發現插件過多不想一個個升級,

找到解決辦法使用插件  [npm-check-updates] 進行一鍵升級

傳送門:https://www.jianshu.com/p/ce9a46ae3a03

第一步,安裝該插件 cnpm install -g npm-check-updates 或者 npm install -g npm-check-updates

第二步:執行 npm-check-updates

第三步,出現插件版本列表,查看最新版本

 

 第四步:執行ncu -u 將插件升級到最新

第五步,確認package.json中的版本是否變成最新的

第六步,重新啟動服務,確認Bug修復完成

 

 至此,第一個問題解決

當我習慣的進行 npm run build時,發現報錯

* @element-plus/icons in ./node_modules/cache-loader/dist/cjs.js??ref--15-0!.

/node_modules/thread-loader/dist/cjs.js!

./node_modules/babel-loader/lib!

./node_modules/ts-loader??ref--15-3!

./node_modules/cache-loader/dist/cjs.js??ref--1-0!

./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--1-1!

./src/views/login/cpns/login-panel.vue?vue&type=script&setup=true&lang=ts

查詢問題是因為引用包錯誤

找到提示的文件后

 

 再次build...... 出現報錯

 

 

百度后查詢到問題原因 https://blog.csdn.net/CBY229/article/details/121303193

原因是,餓了么團隊修改了接口的名稱

修改成: import { LoadingInstance } from 'element-plus/lib/components/loading/src/loading'

第三次buildi...成功

 

至此,一個Bug解決流程正式結束


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM