技术栈:Vue,element UI
最近在开发表单信息收集时发现:
包含表单的弹窗在打开时总会直接触发表单验证
在查阅资料后采用了以下方法可以解决
并不确认是最佳解法,但是逻辑清晰:
让弹窗打开后清空一次验证,让验证在操作后(失焦,change,或者提交)时进行验证
this.$nextTick(() => {
// DOM 更新了
console.log("dom update complete")
this.$refs["ref"].clearValidate()
})
// 在下一页面清除验证,让其在提交时判断