項目開發(fā)過程中埃篓， 新增了一個這樣結(jié)構(gòu)的界面：
從iview組件里找了找雷恃， 除了表格和樹狀結(jié)構(gòu)疆股， 也沒別的結(jié)構(gòu)標(biāo)簽可用。
但是倒槐，這兩個組件并不能很好的處理需求旬痹，用起來超級麻煩， 對于現(xiàn)階段的我來說讨越，想糅和到一起使用两残，enmmm，難度太大把跨。
索性人弓， 去翻了翻iView生態(tài)圈， 找到了iView-admin着逐。在里面找到了一個樹狀表格組件：tree-table-vue
看起來是比較符合我們的需求了崔赌， 只需要在結(jié)構(gòu)和數(shù)據(jù)上修修改改就好， 同時我翻看了文檔耸别， 發(fā)現(xiàn)api文檔中有很多實用字段健芭，具體鏈接：https://github.com/lison16/tree-table-vue
所以，跟著文檔進(jìn)行組件導(dǎo)入太雨，然后注冊引入：
導(dǎo)入項目：npm i tree-table-vue -S
引入項目：import TreeTable from 'tree-table-vue'
使用：Vue.use(TreeTable)
先復(fù)制了測試?yán)踝釉囅拢ㄦ溄樱?a target="_blank">https://github.com/MisterTaki/vue-table-with-tree-grid/blob/master/example/Example.vue）吟榴，結(jié)果，報錯了囊扳。吩翻。
問題：
<zk-table> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
很明顯的提示， 是否正確注冊了<zk-table>組件锥咸？ 對于遞歸組件狭瞎，請確保提供“名稱”選項。
思考了下組件的定義和使用搏予， 在官方文檔里熊锭， 定義組件要給組件一個名字， 即：
看到這里， 問題的解決就很簡單了碗殷，修改全局定義：Vue.component('zk-table', TreeTable)
根據(jù)文檔里的字段精绎， 修改栗子里的數(shù)據(jù)， 然后運行锌妻， 完美：
關(guān)鍵點：
columns的各屬性代乃，一定要寫對， 且數(shù)據(jù)值一定要對應(yīng)：
以上仿粹， 小小記錄一下搁吓。
