今天遇到一个自挖的坑，多花了两小时才解决。话说我要写一个新增对话框，里面是一个表单form，item是3+4+1模式，。即三个输入框在公共可视区域，另外4个、1个分成两个tab页签切换显示。
问题就在于为了省事，我用一个form对象存储。在处理表单验证时，也需要分页签独立验证，一开始遇到重置表单与验证表单传递form名字参数，被误传入表单对象，调试了半小时。为了实现页签能分开验证，使用了部分表单验证方法调用，并且写了一个表单验证rules（内含一个自定义验证表单项，该自定义方法判断了特定页签下才进入验证环节），后来嫌弃页签难看，改用radio单选按钮实现切换item可见性。可见性控制使用v-show，如果用v-if会导致不验证被隐藏的表单项。切换过程中同时需要清空验证提示提高用户体验
网友评论