vue组件在一张页面引入多个 传入相同的数据出现的bug

上图:

vue组件在一张页面引入多个 传入相同的数据出现的bug_第1张图片

当我点击的时候这两个tree的状态同时变这是我遇到的问题

是什么原因导致的,上代码

this.treeList= []这个是树的数据
this.treeList1 = this.treeList;
this.treeList2 = this.treeList;
我给他俩同时赋值导致状态一样的问题

在来一张图我解决好的:

vue组件在一张页面引入多个 传入相同的数据出现的bug_第2张图片

 我解决好的,上代码

this.treeList1 = this.treeList;
this.treeList2 = this.treeList;
sessionStorage.setItem('treeList',JSON.stringify(this.treeList))
this.treeList3 = JSON.parse(sessionStorage.getItem('treeList'))

于是乎我把他放到sessionStorage中赋值就好了 

 还有一种方法就是深度赋值上代码:


var b = $.extend(true,{},a);  //多余的我就不写了相信大家用过

 

 希望能帮到你们,谁有更好的办法请留下你们宝贵的评论,我多多指教.

 

你可能感兴趣的:(VUE,vue组件在一张页面引入多个,传入相同的数据出现的bug)