vue form设置rules不生效

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

下面来详细说说：

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

                

                      label="杠杆倍数"

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

                    >

                     

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

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

                      />

                   

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

                

                      label="杠杆倍数"

                      name="leverage"

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

                    >

                     

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

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

                      />

                   

 

 因为没有写name！！ 

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