宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

<template>
<Form ref="formInline" :model="formInline" :rules="ruleInline" inline>
  <Row>
<Col span='8'>
公司名称:
</Col>
<Col span='16'>
<FormItem prop="name">
<Input type="text" v-model="formInline.name" placeholder="请输入公司名称">
</Input>
</FormItem>
</Col>
</Row>
</Form>
</template>
export default{
  name:'本vue文件名',
  date(){
    return {
      others:'',//其他变量
      formInline:{
        name:'',//绑定表单下的prop属性至信息框
        ...
      }
      ruleInline:{//定义规则
        name:[
          {request:ture, message:'不合规则提示的信息', trigger:'blur'}//是否规则,,绑定的触发事件
        ]
      }
    }
  }
  methods:{
    //提交表单方法
    submit(){
      //表单验证方法,调用父组件-from
      this.$refs['父组件的ref值'].validate((valid)=>{
      //自动检测,返回true/false给valid进行相应操作
       if(valid){
        //表单验证通过
       }else{
        //表单验证失败
       }
        
      })
    }

  }
}