美文网首页
2019-12-13 elementUI 弹出层表单验证组件的

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

作者: _DevilTimer | 来源:发表于2019-12-13 21:42 被阅读0次
页面缩小了百分比。

这个退样登记 和下面的编辑 是一个功能,都是弹出层

这里就正常的做成了组件方式

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

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

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

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

坑之 二:

这里点击【留存实验室】

表单变化了,

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

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

相关文章

网友评论

      本文标题:2019-12-13 elementUI 弹出层表单验证组件的

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