vue form.resetFields() 的坑

一个项目,我改同事写好的前端代码。
看到一个 form.resetFields()
我询问是用来重置对象的。
就把下面的一句 delete this.form.id 给删了,
心想,都重置了,再把这个属性删了,不是多此一举吗!
好嘛,我本以为是重置成在 data 里定义时的样子。
结果,还真是™的定义时的样子。
form使用过程中,给它新加了一个属性 id………
后果不堪设想!!!
后来测试,resetFields() 只会重置对象在定义时定义的属性的值!
就是说

// 定义时
form: {
    name: '',
    age: 0
}

调用resetFields()后,只会重置 name, age,
如果在 resetFields()前,this.form.id = 2333
那么调用resetFields()form是这样的:

form: {
    name: '',
    age: 0,
    id: 2333
  
}

这次事故告诉我:千万别手贱,删别人的代码!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容