分享一个Vue数组赋值的错误

Posted linjiab

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了分享一个Vue数组赋值的错误相关的知识,希望对你有一定的参考价值。

今天在写项目用到Vue的时候,遇到的一个问题,纠结了好一会,首先我的代码是这样的

技术图片  

有没有毛病!!  开始我感觉是没啥毛病啊,按照之前写Java代码的逻辑,我感觉这没一点毛病 。

但是它就是有毛病, 假设在Java中,我们去操作这样两个数组的话,它们相互之间是不会受影响的,而我的问题就出在这,最后通过度娘解决了,原因是这个sizes和newsizes都是数组,并且他们都指向同一个地址res,数组有个特性就是它是引用数据类型,知道值传递和引用传递的区别,这一看就很明了了,引用的值sizes发生改变,原来的值res也就改变了,newsizes也指向res,所以造成了我改sizes的值newsizes也跟着变化。

最后我的解决方法是

技术图片

没qio,将第二个的res系列化一下,再反序列化一下就OK了,竟然是引用地址的毛病,那就改变它呗。 

技术图片 技术图片 技术图片

 

 

 

 

 

 

 

以上是关于分享一个Vue数组赋值的错误的主要内容,如果未能解决你的问题,请参考以下文章

vue.js 结构赋值--数组

如何给Vue的data中的数组赋值

vue $set 给数据赋值

vue2.0深层数组嵌套的坑

vue3.0数组清空与重新赋值

vue怎么看报错