【Vue】解决push数组后会把push前的内容覆盖
反射的棱镜 Lv1

关于添加列表再次添加覆盖的解决方法

举例,如果想把tlist这个对象用push方法放到list这个数组中
先把代码放一下

1
2
3
4
tlist:{ name:'', age:'', tel:'' },
list:[
{ name:'张三', age:'17', tel:'13344445555' },
]

如果直接push的话

1
this.list.push(this.tlist); // 将对象添加到数组末尾

会导致每次添加的结果覆盖前一次的添加 而且会被V-model影响
覆盖

解决办法 在每次添加后 让tlist数组重置
每次赋值会重新分配个地址

1
2
this.list.push(this.tlist); // 将对象添加到数组末尾
this.tlist = { name:'', age:'', tel:'' }; // 清空对话框

覆盖

实例文件
附件:点击下载 2022-03-14.vue

  • 本文标题:【Vue】解决push数组后会把push前的内容覆盖
  • 本文作者:反射的棱镜
  • 创建时间:2022-03-14 21:47:37
  • 本文链接:https://maid.ink/2022/03/14/【Vue】解决push后的内容覆盖前内容/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!