在開發(fā)中苟翻,用el-form綁定驗(yàn)證嚎杨,但其中一項(xiàng)是個(gè)數(shù)組袒炉,而且數(shù)組每一項(xiàng)不能輸入相同的數(shù)據(jù),所以就要使用element ui?的部分驗(yàn)證這個(gè)validateField方法
/**
? ? ?* 主動(dòng)檢驗(yàn)
? ? ?*/
? ? 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是驗(yàn)證的規(guī)格
? ? },
? ?/**
? ? ?*?觸發(fā)事件
? ? ?*/
? ?handleAddDefaultValse() {
? ? ? this.$nextTick(() => {
? ? ? ? ? ? ? ?//? 綁定 blur付材,以主動(dòng)觸發(fā)檢驗(yàn)
? ? ? ? const inputs = this.$refs['options'].getElementsByTagName('input')
? ? ? ? inputs[inputs.length - 1].addEventListener('input', this.validateField)
? ? ? })
}