element ui el-form主动验证部分字段
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element ui el-form主动验证部分字段相关的知识,希望对你有一定的参考价值。
参考技术A 在开发中,用el-form绑定验证,但其中一项是个数组,而且数组每一项不能输入相同的数据,所以就要使用element ui 的部分验证这个validateField方法/**
* 主动检验
*/
validateField()
const formSpecs.options= [
option_id: "1182231390344773635", option_value: "25",
option_id: "1182231390344773636", option_value: "25",
option_id: "1182231390344773636", option_value: "26",
option_id: "1182231390344773636", option_value: "27"
],
const arr = []
formSpecs.options.forEach((item, index) =>
arr.push('options[' + index + '].option_value')
)
this.$refs['formSpecs'].validateField(arr) //arr是验证的规格
,
/**
* 触发事件
*/
handleAddDefaultValse()
this.$nextTick(() =>
// 绑定 blur,以主动触发检验
const inputs = this.$refs['options'].getElementsByTagName('input')
inputs[inputs.length - 1].addEventListener('input', this.validateField)
)
以上是关于element ui el-form主动验证部分字段的主要内容,如果未能解决你的问题,请参考以下文章