2019-12-13 elementUI 弹出层表单验证组件的坑

Posted 2023-03-09

参考技术A 这个退样登记 和下面的编辑 是一个功能，都是弹出层

上面的按钮 是弹出一个空白的表单，下面的编辑则是带出原有数据显示的表单，
那么这里就有个坑。

1，打开弹出层，直接给表单赋值，那么点击取消的时候，表单自动把你赋值了的数据，当作是了初始默认值，也就是调用
this.$refs['form'].resetFields()  这个方法之后，，回到了你赋值完之后哪一瞬间。【上面的按钮每次要清空数据和验证，下面的按钮每次要带入数据，脱出的时候也要验证】

解决办法， 异步赋值，使用setTimeout() 或者 $nextTick() 等DOM 生成后再赋值，那么清除函数就以初始 空表单给赋值。

这里注意了 ，再清空的时候 也必须要使用异步 来清空  

坑之 二：

这里点击【留存实验室】

可以用v-if和V-SHOW各自存在一个坑，

第一：v-if  使用，必须要把el-from-item 外面包一层 DIV,不然，当点击提交，验证出来之后，你再切换另一个更多表单的，就回把验证提示的位置 飘逸错误的位置，