el-form收集验证带有嵌套对象的数据

平常的form收集验证

 <el-form ref="form" :model="form" :rules="rules" label-width="220px">
      <el-form-item label="名称" prop="name">
          <el-input v-model="form.name" placeholder="请输入名称" />
        </el-form-item>
</el-form>
data(){
    form:{
       name:" "
     },
    rules:{
        name:[{       
             required: true,
            message: "名称不为空",
            trigger: "blur",
                  }]
            }
}

　　

而像form{

          user:{

              name:''  "

             }

       }

就不能用平常的方式,就可以用如下的代码(在验证中引号包上名字)

 

 <el-form ref="form" :model="form" :rules="rules" label-width="220px">
      <el-form-item label="名称" prop="user.name">
          <el-input v-model="user.name" placeholder="请输入名称" />
        </el-form-item>
</el-form>
data(){
    form:{
       name:" "
     },
    rules:{
        "user.name":[{       
             required: true,
            message: "名称不为空",
            trigger: "blur",
                  }]
            }
}