用扩展运算符(...)的时候。基础数据类型和引用数据类型

今天遇到一个问题,要求是这样的。
俩页面。a页面是新增XXX,b页面里有个下拉框。
要求a页面新增的实时在b页面下拉框里能找到。
于是利用页面切换的activated(),每次进B页面重新拉一波下拉框的数据。
这时候出现了个问题。因为我下拉框是在B页面的子组件的。B页面打开子组件的时候,构造一个对象传过去要用的。
这个原理是:

下拉框数据在哪?–一个对象—找这个对象的地址–是prop来的—找prop前的地址–访问地址值

拉了表以后,如果用 this.selectList = {...this.selectList, ...data}的写法,相当于创建了个新的基础数据类型给selectList。就变成了

下拉框数据在哪?–一个对象—找这个对象的地址–是prop来的—找prop前的地址–访问地址值–地址值里头的东西并没有改变
因为 this.selectList = {...this.selectList, ...data}仅仅是开辟了个新的地址存新的selectList

应该用this.selectList.xxxxList = data.xxxxList

应该改变地址里的东西而不是变成新的地址

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值