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