vue实践之element表单验证

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

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

     

你可能感兴趣的:(vue实践之element表单验证)