【Vue】解决push数组后会把push前的内容覆盖

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

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

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

如果直接push的话

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

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

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

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

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