Vue3数组使用push，导致数组每一个元素都改变

解决：每次将要push的数据都存在另外单独开辟的空间中。这样就不会导致，整个数组都是指向一个内存地址。

push一个元素到数组，结果数组里的其他元素数据全都变成最后push的数据。

代码解释：首先声明一个listx的数组，监听父组件传递过来的 listComplete，存在listComplete就将它push到 listx 数组中。然后将v-for渲染到页面中

理想中的效果应该是，点击【完成】=> ' 项目2 ' 从未完成列表中删除，并加入到下方已完成列表中。

但是实际呢？实际上点击加入项目2 后，项目1的内容也变成了项目2
这是因为push的并不是一个值，而是一个地址，数组都指向同一个地址，就好比listx[0]和listx[1]都是指向props.listComplete。每一次push就等同于改变了数组的地址，所以会导致每次都每一元素都变成了最好push的内容。

解决：每次将要push的数据都存在另外单独开辟的空间中。这样就不会导致，整个数组都是指向一个内存地址。

或者利用JSON的转换

现在再试一次呢？完全ok了

Vue3数组使用push，导致数组每一个元素都改变相关推荐

Java黑皮书课后题第8章：***8.35（最大块）给定一个元素为0或者1的方阵，编写程序，找到一个元素都为1的最大的子方阵。程序提示用户输入矩阵的行数。然后显示最大的子方阵的第一个元素、行数
***8.35(最大块)给定一个元素为0或者1的方阵,编写程序,找到一个元素都为1的最大的子方阵.程序提示用户输入矩阵的行数.然后显示最大的子方阵的第一个元素.行数题目题目描述与运行示例破题代 ...
svr公式推导_SVR美白公式——一个元素都不能少
原标题:SVR美白公式--一个元素都不能少美白最重要的两大元素就是防晒和美白精华,除了这两个重点,清洁和保湿也是每天都要做的,化妆的妹子还要记得卸妆,这些是做护肤的基础功课,如果你还想更进一步的话, ...
python创建一个列表_Python创建一个元素都为0的列表实例
Python创建一个元素都为0的列表实例实现创建一个元素都为0的列表: l=10 lis=[0]*l lis 输出结果: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0] 以上这篇Pyt ...
php去掉数组中第一个和最后一个元素
使用 array_shift() 删除数组的第一个元素,例如: $arr=array('apple','banana','orange'); $res=array_shift($arr); 使用 ar ...
jq分割数组、截取字符串、数组遍历push新数组
<script src="/js/jquery-3.4.1.min.js"></script> <script> $(document).rea ...
给你一个整数数组 arr，请你判断数组中是否存在连续三个元素都是奇数的情况：如果存在，请返回 true ；否则，返回 false 。
比较简单,直接确定连续三位是不是奇数就行 class Solution {public boolean threeConsecutiveOdds(int[] arr) {;for (int i = 0 ...
Java任何一个元素都可以转换成String类型
实例实例一: import static java.lang.Math.*; public class Test {public static void main(String [] args) { ...
pytorch每日一学28(torch.heaviside())对输入中的每一个元素都进行单位阶跃函数处理并返回结果的tensor
第28个方法 torch.heaviside(input, values, * , out=None) → Tensor 此方法存在于pytorch1.7.0,1.7.0以下的pytorch中没有此方 ...
指针笔记（指针数组和指向数组的指针，数组中a和a的区别等）
指针数组和指向数组的指针 int *p[4]和int (*p)[4]有何区别? 前者是一个指针数组,数组大小为4,每一个元素都是一个指向int的指针后者是指向int[4]类型数组的指针以上代码若运 ...

Vue3数组使用push，导致数组每一个元素都改变

Vue3数组使用push，导致数组每一个元素都改变

解决：每次将要push的数据都存在另外单独开辟的空间中。这样就不会导致，整个数组都是指向一个内存地址。

Vue3数组使用push，导致数组每一个元素都改变相关推荐

最新文章

热门文章