在开发中,用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)
})
}
网友评论