說明 table.vue 是最終將各個(gè)組件拼接起來的地方匿醒,較為簡單,因此不進(jìn)行贅述歉闰,請確保看過一下幾個(gè)分解的部分: Element分析(工具篇)...
![240](https://upload.jianshu.io/collections/images/317304/ele-logo-white.png?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
說明 table.vue 是最終將各個(gè)組件拼接起來的地方匿醒,較為簡單,因此不進(jìn)行贅述歉闰,請確保看過一下幾個(gè)分解的部分: Element分析(工具篇)...
說明 table-body 是表格的主體部分,也是較為簡單贱除,因此不細(xì)說生闲。 源碼解讀
說明 table-column 是較為重要的一部分,但是代碼相對較少月幌,比較復(fù)雜的地方請查看大佬的Vue 2 的動(dòng)態(tài)添加模板方法碍讯,現(xiàn)在已不推薦使用...
說明 table-header是表頭組件,較為復(fù)雜扯躺,直接看源碼解讀冲茸。 源碼解讀
filter-panel是專門針對篩選器寫的一個(gè)組件,最外面是一個(gè)el-zoom-in-top的transition缅帘,然后內(nèi)部根據(jù)是否可以多選分...
說明 table-layout是對整個(gè)表格寬高等布局進(jìn)行修改的轴术。 源碼解讀
說明 這一部分是為 table 相關(guān)組件實(shí)現(xiàn)的對應(yīng)的狀態(tài)信息的管理。 源碼解讀
說明 這一部分是在 table 組件中用到的相關(guān)的工具钦无。 源碼解讀
說明 v-sync是用來同步組件的prop和它上下文中的變量的逗栽,這里面有一個(gè)非常有趣的小技巧:$watch會(huì)返回一個(gè)unwatch的函數(shù)來取消監(jiān)...
說明 popper是參考popper.js來實(shí)現(xiàn)浮動(dòng)的工具,結(jié)構(gòu)十分清晰明了失暂,通過modifiers來處理數(shù)據(jù)的思路在vue中也有相應(yīng)的體現(xiàn)彼宠,因...