<template>
<div>
<el-form ref="dataFrom" :model="dataFrom" :rules="rules">
<el-form-item label="用戶名">
<el-input v-model="dataFrom.userName"></el-input>
</el-form-item>
</el-form>
<el-button @click="submitData()"> 提交</el-button>
</div>
</template>
<script>
export default {
name: "settlementSignReport",
data() {
return {
dataFrom: {
userName: ''
},
rules: {
userName: [
{required: true, message: '請輸入用戶名', trigger: 'blur'},
]
}
}
},
methods: {
submitData() {
this.$refs['dataFrom'].validateField('userName', valid => {
if (!valid) {
alert(123)
} else {
alert(321)
}
})
}
}
}
</script>
重點是:用form 表單驗證 validate 的 validateField 去驗證指定的
如果要驗證整個表單:
this.$refs['dataFrom'].validate((valid)=>{
if(valid){
//驗證通過
}
})