亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

element 表格嵌套表單驗(yàn)證指定行的操作方法

 更新時(shí)間：2024年07月05日 11:12:07   作者：I'm李剛  
這篇文章主要介紹了element 表格嵌套表單驗(yàn)證指定行的操作方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧

elementui表格嵌套動(dòng)態(tài)表單，單獨(dú)驗(yàn)證某一行輸入項(xiàng)是否符合校驗(yàn)規(guī)則；

input動(dòng)態(tài)綁定校驗(yàn) :prop="'imgTable.' + scope.$index + '.bxName'"

<el-form :model="formTable" ref="formTable" inline size="small">
    <el-table :data="formTable.imgTable" :show-header="false" max-height="500">
        <el-table-column>
            <template slot-scope="scope">
                   <el-form-item :prop="'imgTable.' + scope.$index + '.bxName'" :rules="{
					required: true, message: '請輸入報(bào)銷項(xiàng)目', trigger: 'blur'}">
					    <el-input v-model="scope.row.bxName" placeholder="請輸入報(bào)銷項(xiàng)目"></el-input>
					</el-form-item>
            </template>
        </el-table-column>
    </el-table>
</el-form>

 想要驗(yàn)證表單指定項(xiàng)需要使用 validateField，官網(wǎng)文檔傳參 Function(props: array | string, callback: Function(errorMessage: string))， array類型可以驗(yàn)證多個(gè)項(xiàng)。

let validarr = []
this.$refs['formTable'].validateField([
	`imgTable.${i}.bxName`, `imgTable.${i}.bxMoney`, `imgTable.${i}.bxDate`
],(err) => {
	validarr.push(!err)
})
console.log(validarr.every(item=>{return item == true}))

error返回值為rules中的message內(nèi)容，如果驗(yàn)證通過返回空；這里 !err = true

需要注意的是，驗(yàn)證項(xiàng)傳參為數(shù)組時(shí)，validateField會多次返回error，不會一次返回所有項(xiàng)的驗(yàn)證結(jié)果，如果在error callback中調(diào)用其他方法會多次調(diào)用；所以額外增加了validarr的遍歷判斷所有項(xiàng)都驗(yàn)證通過

到此這篇關(guān)于element 表格嵌套表單驗(yàn)證指定行的文章就介紹到這了,更多相關(guān)element 表格嵌套表單驗(yàn)證內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論