努力当上钱厚端 2021-12-09 14:46 采纳率: 31%
浏览 285
已结题

elementUI form表单先点击编辑,再点击新增的话,上次遗留数据没有清空

html上只有必填项加prop校验了,没加校验的就不清空了?
但是加校验的把表格的数据也给清掉了

img

  • 写回答

2条回答 默认 最新

  • 许失之 2021-12-09 15:05
    关注

    这个单看现象的话,问题如下:

    1. el-form的reset是通过prop去定位数据实现的,prop并非只与校验相关,是将item与form连接起来的纽带,非特殊情况下建议不要省略。
    2. 考虑到js的对象是引用数据类型,所以哪怕是通过参数等方式进行传递,传递的还是其引用,换言之,直接用参数或赋值将表格中的数据给表单的话,其实它俩是完全共用数据的,就会出现表单修改掉了表格中的值这样的现象。
      可以通过es6的解构赋值(其它拷贝方式也完全OK的)将数据进行传递实现数据的拷贝e.g:formData={...tableData},就不会有这种影响了
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 12月17日
  • 已采纳回答 12月9日
  • 创建了问题 12月9日