有几个关键的地方注意下：

 <a-form ref="rulesForm" :rules="formRules" :model="rulesForm" v-on:submit.prevent="tijiao()"> 
     <a-form-item ref="name" :rules="name"  prop="name" label=" 接口名称 " >
       <a-input v-model:value="name"/> 

     </a-form-item> 
 </a-form>

必要的地方：

 ref="rulesForm" :rules="formRules" :model="rulesForm"

  export default{
     data(){
         return{    
           name:"",
           formRules: {
           name: [
                {required: true,message: "请输入用户名称1",trigger: "blur"}
            ]
        }
    }


     },

字段释义

1.：代表这是一个表单 2. -> ref：表单被引用时的名称，标识 3. -> rules：表单验证规则 4. -> model：表单数据对象 5. -> label-width：表单域标签的宽度，作为 Form 直接子元素的 form-item 会继承该值 6. -> ：表单中的每一项子元素 7. -> label：标签文本 8. -> prop：表单域 model 字段，在使用 validate、resetFields 方法的情况下为必填属性 9.：输入框 10. -> v-model：绑定的表单数据对象属性 11. -> style：行内样式 12. -> maxlength：最大字符长度限制

别人的：

<el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px">
    <el-form-item label="用户名:" prop="userName">
       <el-input v-model="rulesForm.userName" style="width:300px" maxlength="50"/>
    </el-form-item>
</el-form>

转载自：https://blog.csdn.net/Xiaocong__/article/details/126992912