有这样一个表单,内容有十几项,放在一页不太好看,所以用步骤条分开,但是在表单验证的时候出了问题.问题如下:
第一步,填写表单,点击下一步,没有问题,来到了第二步,结果如下
结果表单验证结果直接出来了.这里的trigger设置为'change',只有input中内容发生改变之后才会触发表单验证.
这说明表单内容被改过,可是我根本没有手动改过,问题出在哪里?
猜想:
Vue提倡'就地复用'原则,是不是第一步的input直接用在了第二步?导致触发'change'事件,从而发生了上述的问题
在第二步的两个input中加入'key'属性表示唯一,完美解决问题.
欢迎指正错误!