1.创建el-form表单
<el-form>
<el-form-item label="名字" label-width="100px">
<el-input type="text"></el-input>
</el-form-item>
<el-button>验 证</el-button>
</el-form>
2.form绑定data()中的数据
data(){
return {
form:{
name:''
}
}
}
<el-form :model="form">
<el-form-item label="名字" label-width="100px">
<el-input type="text" v-model="form.name"></el-input>
</el-form-item>
<el-button>验 证</el-button>
</el-form>
3.创建表单验证规则
data(){
//为下方rules中validator 提供方法validateName
var validateName= (rule, value, callback) => {
if (