持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第20天,点击查看活动详情
前言
在项目中,我不喜欢一个文件中有太多行内容,因为查找起来比较麻烦,因此我特别喜欢拆分文件,就比如一个文件它里面嵌套者很多表格啊,表单啊,或者一些dialog弹框,我就喜欢把它们各自拆分,最后引入主文件就行,但是呢,谁曾想,有一天,我竟然要把它们放入同一个文件里o(╥﹏╥)o
故事的开始,,我忘记了,我只记得,最开始,要我把所有的子文件的内容放置在主文件,不要进行拆分,虽说可以更加简洁的进行操作,值不用传过来传过去的。
于是,我特难过的把外面另外两个子文件中的内容,c过去,,把一些内容该删的删了,该加的加了,最终终于弄好了,,但是呢 o(╥﹏╥)o5,后来又让我把 dialog里面的内容 引出来,弄出来后,又调节下样式,最终,我就卡死在兜底校验这,毕竟这个文件中有三个地方进行校验,
最开始我就在网上搜,谁知真的有答案,真的很万能
这是我在网上搜的,前面还有一节内容
在 data的 return 里 定义
// 校验规则
rules:['formrules','arules','brules'],
resultArr:[] // 接收返回的
// 然后在
rules里面定义前面三个的校验规则
上面实现的效果报错,因为啥原因,我并没有研究,因为,我已经想到跟多的方法了
分析思路
后来,突然灵光乍现,三个变单在同一个文件,那岂不是可以只定义一个 form表单,这不,就解决问题了,这样一弄,像什么兜底校验、清空表单校验规则,重置表单,不久更简单了