element-ui中的el-form表單驗(yàn)證,只有在提交按鈕點(diǎn)擊時(shí)才進(jìn)行驗(yàn)證愤炸,這樣會(huì)減少消耗规个⌒战ǎ看別人寫的文章 缤苫,只有在寫怎么添加驗(yàn)證,不能滿足我的需求活玲。
其實(shí)很簡(jiǎn)單舒憾,直接在el-input上加一個(gè)屬性就行,
<el-input
ref="nodeName"
v-model="form.nodeName"
maxlength="122"
show-word-limit
:validate-event="false" /> // 就是 本行所在的位置
rules: {
nodeName: [
{ required: true, message: '請(qǐng)輸入名稱' },
將'blur'去掉镀迂,是鼠標(biāo)失去焦點(diǎn)的時(shí)候會(huì)觸發(fā)驗(yàn)證
],
},
**在點(diǎn)擊確定按鈕的時(shí)候探遵,觸發(fā)函數(shù),然后進(jìn)行驗(yàn)證**
handleConfirm () {
this.$refs.form.validate((valid) => {
if (valid) {
// 向后臺(tái)發(fā)送請(qǐng)求
} else {
//就像用戶提示發(fā)生錯(cuò)誤的消息
}
})
},