原创 vue+antd上傳組件(Upload)的簡單案例

概要:使用antd的Upload組件自定義上傳功能,包含上傳、文件驗證、回傳(成功/失敗); 步入正題: 1、創建upoload.vue,編寫demo代碼: <template> <a-modal v-model="visi

原创 vue + antd項目中關於Table的那些事兒

引言:筆者爲前端小白,本文章是筆者初涉前端vue+antd的第一和第二個項目中代碼分享,僅供初學者參考。 概要:利用antd組件庫的table組件完成數據按格式渲染,分頁/翻頁,排序,查詢,篩選功能; 注意:本demo前端分頁; 步入正題

原创 前端小白配置mac下node+vue開發環境的各種姿勢

背景:筆者(前端小白)之前mac環境下用的node 9.8.x版本,npm 6.13.4版本,昨天嘗試ts,用vue-cli構建項目對時候,vscode給提示說node版本太低了,好,筆者聽從前輩經驗,打算安裝一個nvm,再升級node,

原创 vue-echart柱狀圖 案例代碼分享

引言:因筆者在項目中只用到了柱狀圖,此處僅分享柱狀圖的案例代碼,使用的是vue-echarts,涉及到數據請求,柱狀圖渲染,簡化的鼠標經過顯示數據內容,以及鼠標點擊柱形圖某個柱子的事件代碼。 正文: 1、安裝vue-echarts: n

原创 vue-cli 4+axios+代理+封裝 案例代碼分享

引言:筆者爲前端小白,本文乃筆者初學axios,參考無數資料寫下Demo的代碼分享,介於網上資料雖然多但是大多需要不斷嘗試才能驗證真僞,本文代碼皆是筆者驗證可行的代碼,希望能給同是小白的小夥伴帶來一點便利(拿去拿去,不用客氣~ ^!^)