晴明桑

123測(cè)試

晴明桑

說明 table-layout是對(duì)整個(gè)表格寬高等布局進(jìn)行修改的汛闸。 源碼解讀

晴明桑

filter-panel是專門針對(duì)篩選器寫的一個(gè)組件余佛，最外面是一個(gè)el-zoom-in-top的transition存筏，然后內(nèi)部根據(jù)是否可以多選分為兩個(gè)部分刨摩，多選部分用 che...

晴明桑

說明 table-header是表頭組件校读，較為復(fù)雜胜卤，直接看源碼解讀。 源碼解讀

晴明桑

說明 table-column 是較為重要的一部分综膀，但是代碼相對(duì)較少澳迫，比較復(fù)雜的地方請(qǐng)查看大佬的Vue 2 的動(dòng)態(tài)添加模板方法，現(xiàn)在已不推薦使用剧劝。 源碼解讀

晴明桑

說明 table-body 是表格的主體部分橄登，也是較為簡(jiǎn)單，因此不細(xì)說讥此。 源碼解讀

晴明桑

說明 table.vue 是最終將各個(gè)組件拼接起來(lái)的地方拢锹，較為簡(jiǎn)單，因此不進(jìn)行贅述萄喳，請(qǐng)確弊湮龋看過一下幾個(gè)分解的部分： Element分析（工具篇）——Table Element...

晴明桑

說明 這一部分是為 table 相關(guān)組件實(shí)現(xiàn)的對(duì)應(yīng)的狀態(tài)信息的管理。 源碼解讀

晴明桑

說明 這一部分是在 table 組件中用到的相關(guān)的工具他巨。 源碼解讀

晴明桑

說明 v-sync是用來(lái)同步組件的prop和它上下文中的變量的充坑，這里面有一個(gè)非常有趣的小技巧：$watch會(huì)返回一個(gè)unwatch的函數(shù)來(lái)取消監(jiān)聽。 源碼解讀

晴明桑

說明 popper是參考popper.js來(lái)實(shí)現(xiàn)浮動(dòng)的工具闻蛀，結(jié)構(gòu)十分清晰明了匪傍，通過modifiers來(lái)處理數(shù)據(jù)的思路在vue中也有相應(yīng)的體現(xiàn)，因此值得學(xué)習(xí)觉痛，源碼較長(zhǎng)役衡，建議大家...

晴明桑

說明 用來(lái)對(duì)日期進(jìn)行處理。 源碼注解

晴明桑

說明 element很注重多語(yǔ)言棵介，自己進(jìn)行了處理，如果存在vue-i18n則使用它吧史，否則使用自己實(shí)現(xiàn)的工具邮辽。 index.js format.js

晴明桑

input-number組件是用來(lái)輸入數(shù)字的，也不是很復(fù)雜贸营。 最外層 最外層是一個(gè)div.el-input-number吨述，上面有一些動(dòng)態(tài)的class。 size size是一...

晴明桑

icon組件可能是最簡(jiǎn)單的一個(gè)組件钞脂，就是根據(jù)傳入的name來(lái)加上相應(yīng)的類揣云，通過icon font來(lái)顯示相應(yīng)的圖標(biāo)，沒有什么好講解的冰啃。 template script

晴明桑

_index.js 單選框內(nèi)部一共有三個(gè)組件：el-radio邓夕、el-radio-button和el-radio-group刘莹，我們將一一進(jìn)行講解。 radio-group r...

晴明桑

布局一共有兩個(gè)組件焚刚，一個(gè)是row点弯，另一個(gè)是col，后者是通過render函數(shù)來(lái)創(chuàng)建的汪榔，我們一一進(jìn)行講解蒲拉。 Row row類似于bootstrap中的container肃拜，用來(lái)作...

晴明桑

說明 用來(lái)處理對(duì)象合并痴腌。 源碼注解

晴明桑

說明 用來(lái)監(jiān)聽元素的大小改變的。具體原理可以查看我的分析：奇技淫巧——通過scroll來(lái)監(jiān)聽resize 源碼注解