vue实践之element表单验证

        今天遇到一个自挖的坑,多花了两小时才解决。话说我要写一个新增对话框,里面是一个表单form,item是3+4+1模式,。即三个输入框在公共可视区域,另外4个、1个分成两个tab页签切换显示。

        问题就在于为了省事,我用一个form对象存储。在处理表单验证时,也需要分页签独立验证,一开始遇到重置表单与验证表单传递form名字参数,被误传入表单对象,调试了半小时。为了实现页签能分开验证,使用了部分表单验证方法调用,并且写了一个表单验证rules(内含一个自定义验证表单项,该自定义方法判断了特定页签下才进入验证环节),后来嫌弃页签难看,改用radio单选按钮实现切换item可见性。可见性控制使用v-show,如果用v-if会导致不验证被隐藏的表单项。切换过程中同时需要清空验证提示提高用户体验

     

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,950评论 25 709
  • 季节在不停地变迭,时光在不停地走。 戳中泪点的歌词,干净透亮的季节,你已没有了秀发,退化成光秃的枝丫,离开显得无足...
    冉经国阅读 472评论 0 0
  • 早上七点闹钟准时想起,夏乔从被窝里伸出手去关闹钟,顺手拿起手机打开朋友圈,好多朋友都在发表:八月再见,九月...
    夏小夏幺阅读 3,517评论 0 2
  • 刚开始接触他的课程是大一下学期的时候必修的课程,学渣喏喏自然是无感,不过喏喏的学霸男朋友呐呐也有修线老师的...
    荔枝汁_阅读 1,885评论 0 1
  • 年度打孩子哟……
    谢然阅读 3,535评论 0 0