element-ui tree控件獲取當前節點和父節點


  今天使用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指令。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM