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

叁歲伎倆 2021-09-29 16:26 396阅读 0赞

上图:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDQzMzc3_size_16_color_FFFFFF_t_70][]

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

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

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

在来一张图我解决好的:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDQzMzc3_size_16_color_FFFFFF_t_70 1][]

我解决好的,上代码

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);  //多余的我就不写了相信大家用过

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDQzMzc3_size_16_color_FFFFFF_t_70]: /images/20210726/9d4ed2c08fab4322b4d72b3baa09f143.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDQzMzc3_size_16_color_FFFFFF_t_70 1]: /images/20210726/9a689ccbf47548068c31790baadfca93.png

发表评论取消回复

表情：

评论列表（有 0 条评论，396人围观）

还没有评论，来说两句吧...

相关阅读

相关 Element UI 中Popover组件会在页面中出现多个重叠的情况

今天有一个需求，一个列表中每一行都会有一个element-ui的 popover 弹窗，使用click或者hover触发；但是，这个组件自身不会自动关闭，处理手动点击页面其他地

墨蓝/ 2023年10月04日 20:12/ 0 赞/ 20 阅读

相关 html引入vue组件，vue组件中使用echarts

将图设置代码写在vue的methods中，然后在mounted中调用得到echarts图 <div id="pushed" style="width: 63

川长思鸟来/ 2023年07月13日 03:45/ 0 赞/ 30 阅读

相关 Vue中同一个页面引入相同组件，传值出现的问题

问题：界面默认只能显示第2个组件的值。 ![20200630142740355.png][] 代码： //template中页面插入子组件

Love The Way You Lie/ 2023年02月21日 11:52/ 0 赞/ 3 阅读

相关 vue页面引入多个组件的方法

通常我们使用的是单个文件引入，但是这样就会有很多代码是重复的，怎样才能实现“按需“引入呢？ ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

痛定思痛。/ 2023年02月15日 10:02/ 0 赞/ 11 阅读

相关如何在vue项目中引入element ui组件以及如何引入iview组件

前言建议都在已经建立好的vue项目的基础上，再引入element ui或iview组件，而不是按照element ui或iview的官方网站进行，那样一般会存在很多设置

短命女/ 2022年12月29日 06:59/ 0 赞/ 229 阅读

相关 vue引入echart组件

vue引入echart组件本文主要参考： http://blog.csdn.net/u013069892/article/details/70256596 h

偏执的太偏执、/ 2022年06月06日 12:35/ 0 赞/ 323 阅读

相关同一个页面出现多个Body组件

在浏览网站的时候，会发现页面中包含多个html body等元素。因为html是弱标签，所以出现多个同样的标签，只要格式正确，是不会报错的。 1、多个<html>标

ゞ浴缸里的玫瑰/ 2022年05月30日 10:11/ 0 赞/ 238 阅读

相关一个html页面如何引入多个element ui组件

index.html页面 <!DOCTYPE html> <html> <head> <meta charset="utf-8

àì夳堔傛蜴生んèń/ 2022年02月03日 12:53/ 0 赞/ 853 阅读

相关 Vue组件中引入jQuery

如果想在普通的HTML页面引入jQuer库的话，直接使用`<script src="jQuery.js"></script>`即可。但是如果要在Vue组件中使用jQuery库的

￡神魔★判官ぃ/ 2021年11月04日 17:44/ 0 赞/ 463 阅读

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

上图: ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F

叁歲伎倆/ 2021年09月29日 16:26/ 0 赞/ 397 阅读