美文网首页
vue form.resetFields() 的坑

vue form.resetFields() 的坑

作者: 你们不要再打 | 来源:发表于2021-04-17 09:54 被阅读0次

一个项目,我改同事写好的前端代码。
看到一个 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
  
}

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

相关文章

  • vue form.resetFields() 的坑

    一个项目,我改同事写好的前端代码。看到一个 form.resetFields()我询问是用来重置对象的。就把下面的...

  • H5踩坑记录

    flex坑 水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...

  • vue/cli

    vue3入坑 加速github的访问 vue-cli的坑 vue/cli 官网Vue CLIvue cli 的包名...

  • Vue开发新手遇坑

    Vue开发新手遇坑总结自己开发vue遇到的坑。 a里面不会传href解决:href签名加个v-bind: vue打...

  • vue踩过的坑

    vue踩过的坑

  • vue入坑ing

    vue入坑ing

  • 使用vue遇到的bug

    Vue数据更新UI不刷新显示 Vue.set( target, key, value ) vue比较常见的坑就是数...

  • Vue+Electron

    坑爹的,发现electron+vue的话,应该先安装vue。 创建vue项目 前提已安装vue-cli脚手架。 d...

  • 搭建vue 3.0 + vite + vue-test-unit

    先说说坑 当jest版本>27时 jest用来处理vue文件的组件是@vue/vue3-jest,不是vue-je...

  • Vue踩坑实录(二)

    在上一篇中说了一下踩过的前三个坑,剩下的坑就在这篇中全部搞定吧。Vue踩坑实录(一) Vue-cli .js?.V...

网友评论

      本文标题:vue form.resetFields() 的坑

      本文链接:https://www.haomeiwen.com/subject/gudulltx.html