iview 中Tree 树形控件，遇到的问题

Posted 2020-10-22 埃及流浪梦

本人在修改前端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);

 

然后问题就解决了。

 

给明天的自己：命是弱者的借口，运是强者的谦辞。