一、存在及需要解決的問題 一般在做后台OA的時候會發現表單重復代碼比較多，且邏輯基本一樣，每次新加一個表單都需要拷貝基本一致的代碼結構，然后只是簡單地修改對應的字段進行開發 二、預期結果 ...

上周分享了幾篇關於React組件封裝方面的博文，這周就來分享幾篇關於Vue組件封裝方面的博文，也好讓大家能更好地了解React和Vue在組件封裝方面的區別。 在封裝Vue組件時，我依舊會交叉使用函數式組件的方式來實現。關於函數式組件，我們可以把它想像成組件里的一個函數，入參是渲染 ...

歡迎掃碼加群，一起討論，共同學習成長！ 效果圖： 通過父子組件傳值的方式 父組件： 子組 ...

后台系統,table被用的次數比較多,所以決定提出來作為組件 1.新建一個Table.vue文件 <!--region 封裝的分頁 table--> <template> <div class="table"> <el-table id ...

最近項目打算重構，項目的模塊幾乎都是以后台查詢展示的傳統的增刪改差模式，所以卑微的我想要自己封裝一下table， 效果圖 子組件： 在這里的table表格的封裝，我是引入自己做的json數據來觸發變化的， 卑微前端，記錄自己的項目封裝的組件，方便 ...

element ui有優勢， 這個不多講了。從github上的star數就很能說明。今天計的是對里的table的再次封裝。 官方的例子是這樣的。如果再有其他的配置項目，再額外增加。 不過每個列表都這樣寫的話，還是有點有冗余的。所以我決定對其再次封裝，達到簡化的目的。如果封裝的不好，還請 ...

前一段時間，有博友在我那篇「封裝Vue Element的table表格組件」的博文下邊留言說有沒有那種“表格行內編輯”的封裝組件，我當時說我沒有封裝過這樣的組件，因為一直以來在實際開發中也沒有遇到過這樣的需求，但我當時給他提供了一個思路。 時間過去了這么久，公司的各種需求也不停地往外冒，什么地圖 ...

后台管理經常會用到表格，一開始封裝了一個常用的功能性表格，點擊這里； 后來由於需求增加，在表格中還會用到switch，select，input等多種組件，每次都要在html中增加<el-table-column></el-table-column>， 維護起來相當麻煩 ...