Vue rules关联查询的表单数据校验

1、prop中的信息对应js中，向后端传递的是id所以prod中对应的也是id

<el-form-item label="关联用户" prop="user.userId">
  <el-select v-model="form.user.userId" class="m-2" placeholder="选择关联用户">
    <el-option
      v-for="item in listUser"
      :key="item.userId"
      :label="item.userName"
      :value="item.userId"
    />
  </el-select>
</el-form-item>

2、js代码 

rules: {
    user: {
          userId: [
            {required: true, message: "关联用户不能为空", trigger: "change"}
          ]
    }
}