el-form表单验证:实时监控表单
一个表单,有很多个必填项,需求:这些必填项如果有一个有填其他的全变为不是必填项,如果都没有填,则都是必填项
export default {
data () {
return {
dynamicValidateForm: {
value: '',
email: ''
},
rules: {
email: \[{ required: true, message: '请输入邮箱地址', trigger: 'blur' }\],
value: \[{ required: true, message: '请输入正确的邮箱地址', trigger: 'blur' }\]
}
}
},
watch: {
dynamicValidateForm: {
handler (val, oval) {
console.log(val, oval)
for (var i in this.dynamicValidateForm) {
console.log(this.dynamicValidateForm\[i\])
if (i) {
this.rules\[i\]\[0\].required \= true
} if (!i) {
this.rules\[i\]\[0\].required \= false
}
},
deep: true
}
}
},
methods: {
submitForm (formName) {
this.$refs\[formName\].validate((valid) \=> {
if (valid) {
alert('submit!')
} else {
console.log('error submit!!')
return false
}
})
}
}
}
</script>
请问一下watch里该怎么写,非常感谢
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论