正常的表单重置,会清空表单数据和表单验证结果
问题描述:有两个功能块A,B可以点击来回切换,切换的实现就是通过v-if来决定展示哪一个。此时在展示A时给A表单的a输入框(使用了双向绑定)输入123,不点击重置,点击切换为B,此时再切换为A时,a输入框的数据为123,且点击重置无法生效,修改a输入框内容点击重置,输入框内容变成123。
大致效果:
由于v-if是标签的销毁和重新创建,所以在展示A时给a输入框赋的值会在A销毁并再重新创建后认为那是表单的默认值。
参考资料:
解决:将AB切换使用的v-if换成v-show