iview 中Tree 樹形控件，遇到的問題

本人在修改前端bug的時候遇到了一個這樣的問題：

　　點擊樹其中的一個節點，再點擊修改按鈕，修改相關的信息，點擊保存時頁面會刷新，但先前被選中的節點就不能被選中了，而我還想它可以被選中，那該怎麼辦呢？

 

 

解決方法：

　　*  把綁定在樹上的那個變量轉換成json格式

　　　

<Tree :data="baseData" ></Tree>
...
let idStr = '\"id\":'+param+','; /**param是傳入的變量，根據id去查找對應的節點*/
let str = JSON.stringify(this.baseData);
//let index = str.indexOf(idStr);  /**找出idStr字符串的下標*/
let reg = new RegExp('\"id\":' + param + ',');
/**其後插入selected屬性，選中該節點*/
let news = str.replace(reg, idStr + '\"selected\": true,');
this.baseData = JSON.parse(news);

 

而後問題就解決了。

 

記住，vue是用數據去控制頁面的結構，不能徹底的用jQuery的思想去作。

 

查看：

https://www.iviewui.com/docs/guide/install