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" /> </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;不要放在前面,往后放一放不行吗!!

经验分享 程序员 微信小程序 职场和发展