Ant Design Vue(antd)中FormModel表单验证功能（坑与填坑）

Ant Design Vue中的FormModel组件

可以在官方文档里面找到表单验证的使用方法
下面是我的具体的代码（会导致错误的代码）：
html代码

<a-form-model-item label="Group" prop="group">
        <a-select v-model="basicForm.selectedgroup" placeholder="please select the group">

我的表单数据和自定义的校验规则：

basicForm: {
        selectedgroup: ''，
      },

rules: {
        group: [{required: true, message: 'Please select the group',trigger:'change'}],
      },

可以看到FormItem中的prop和rules中的group是一样的，可是实际跑起来是起不到验证作用的，原因在于没有正确的理解官方文档中的意思，实际上我们需要注意表单中的字段名。
就basicForm来说，里面没有group字段而是selectedgroup，所以prop和rules都需要写成selectedgroup，也就是说需要跟着表单中的数据来，而不是仅仅保持prop和rules一致，这样才不会出现错误。
正确代码应该写成：

<a-form-model-item label="Group" prop="selectedgroup">
        <a-select v-model="basicForm.selectedgroup" placeholder="please select the group">

basicForm: {
        selectedgroup: ''，
      },

rules: {
        selectedgroup: [{required: true, message: 'Please select the group',trigger:'change'}],
      },