vue问题六：表单验证

表单验证规则

查看文档：https://blog.csdn.net/weixin_42018790/article/details/80762149

1). el-form增加 :rules="rules"

2).  el-form-item 中的label增加属性 prop="名称"

3).  data中定义rules:{}

例子：

<el-form ref="form" :rules="rules" :model="form" label-width="300px">
  <el-form-item label="发货人电话" prop="phone">
    <el-input class="inp" v-model="form.phone"></el-input>
    </el-form-item>
  <el-form-item label="发货地址：" prop="address">
    <el-input class="inp" v-model="form.address" ></el-input>
    <el-button type="primary"@click="onSubmit('form')">常用地址</el-button>
   </el-form-item>
 </el-form>

vue html代码