今天使用element-ui 遇到兩個問題,第一個問題是獲取tree控件的當前節點和父節點,
一開始使用tree控件的getCurrentNode()函數,結果發現返回的是當前節點的data屬性,和ui框架自動添加的$treeNodeKey屬性,
網上搜索下,說是可以使用getNode()函數,使用this.getNode($treeNodeKey)並不管用,獲取的是null,
看了下文檔,說是要設置node-key屬性,但是設置node-key=“$treeNodeKey”發現也不行。
在看文檔里對getNode()的描述是 “根據 data 或者 key 拿到 Tree 組件中的 node” ,“(data) 要獲得 node 的 key 或者 data”,
我想文檔里的“data”應該就是指我們傳入的數據(data),所以我把通過getCurrentNode()獲取的data傳入getNode(),還是獲取不到當前節點。
看了一下源碼,覺得太耗時間,所以打印出整個tree控件看了一下,找到一個currentNode屬性,
這個就是當前節點的vm控件了,在通個currentNode.node就可以獲取到當前節點了。
大致代碼就是 this.$refs.currentNode.node。
第二個問題是如何動態生成表格的列的,對vue新上手還並不熟悉,一開始的想法是通過watah變量,然后通過函數來動態控制,
網上搜了一下,發現直接使用v-for就可以了,以后凡是需要動態生成的都可以先考慮使用v-for指令。