vue form设置rules不生效

最近再写vue，其中form表单设置rules不生效。实际上这是多么easy的一个功能啊！写完都没有验证，结果没有生效。

下面来详细说说：

下面的这个是没有生效的：

                <a-form-item

                      label="杠杆倍数"

                      :rules="[{ required: true, message: '请输入杠杆倍数' }]"

                    >

                      <a-input

                        v-model:value="state.form.leverage"

                        placeholder="请输入正整数，如1"

                      />

扫描二维码关注公众号，回复： 14910828 查看本文章

                    </a-form-item>

下面的是生效的，注意看他们的区别：

                <a-form-item

                      label="杠杆倍数"

                      name="leverage"

                      :rules="[{ required: true, message: '请输入杠杆倍数' }]"

                    >

                      <a-input

                        v-model:value="state.form.leverage"

                        placeholder="请输入正整数，如1"

                      />

                    </a-form-item>

 因为没有写name！！ 

另外还有一个点：就是点击表单按钮之后，设置页面显隐的      this.isShowDetail = false;不要放在前面，往后放一放不行吗！！