2019-12-13 elementUI 弹出层表单验证组件的
2019-12-13 本文已影响0人
_DevilTimer
页面缩小了百分比。
这个退样登记 和下面的编辑 是一个功能，都是弹出层
这里就正常的做成了组件方式
上面的按钮 是弹出一个空白的表单，下面的编辑则是带出原有数据显示的表单，
那么这里就有个坑。
1，打开弹出层，直接给表单赋值，那么点击取消的时候，表单自动把你赋值了的数据，当作是了初始默认值，也就是调用
this.$refs['form'].resetFields() 这个方法之后，，回到了你赋值完之后哪一瞬间。【上面的按钮每次要清空数据和验证，下面的按钮每次要带入数据，脱出的时候也要验证】
解决办法， 异步赋值，使用setTimeout() 或者 $nextTick() 等DOM 生成后再赋值，那么清除函数就以初始 空表单给赋值。
这里注意了 ，再清空的时候 也必须要使用异步 来清空
坑之 二：
这里点击【留存实验室】
表单变化了，
可以用v-if和V-SHOW各自存在一个坑，
第一：v-if 使用，必须要把el-from-item 外面包一层 DIV,不然，当点击提交，验证出来之后，你再切换另一个更多表单的，就回把验证提示的位置 飘逸错误的位置，
