ant-design-vue 1.x 的 a-form-model怎样设置表单必填项（a-form同样适用）

最新推荐文章于 2025-03-20 18:31:48 发布

没有社保的码农

最新推荐文章于 2025-03-20 18:31:48 发布

阅读量2.9k

点赞数 21

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/FanZaiYo/article/details/135547896

版权

文章讲述了在使用AntDesignVue1.7.6版本开发的Vue2项目中遇到的必填项验证问题，尝试了element-ui的校验方法失败，最后通过设置ref和在提交时动态验证解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景

"ant-design-vue": "1.7.6"
vue2

吐槽

不知道公司为什么非要用蚂蚁金服1.x版本的组件，还是新项目，问题很多bug不少本文记录第一个必填项bug

问题

项目内a-form-model表单某几个属性需要增加必填项

试了以前element-ui的三种方式

1. rules校验规则：失效

代码：

<a-form-model :rules="rules" layout="horizontal" ref="ruleForm" :model="sendForm" :labelCol="{ span: 5 }" :wrapperCol="{ span: 12 }">

<a-form-model-item label="发送类型" prop="template_type">

<a-radio-group v-model="sendForm.template_type">

<a-radio v-for="(e, index) in templateTypeList" :key="index" :value="e.id">

{ { e.name }}

</a-radio>

</a-radio-group>

</a-f