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

背景

• "ant-design-vue": "1.7.6"

• vue2

吐槽

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

问题

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

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

1. rules校验规则：失效

代码：

   

     

       

          {{ e.name }}

       

     

   

data定义：

rules: {

        template_type: [{ required: true, message: '请选择发送类型', trigger: 'blur' }]

      }

 2. required直接写死：失效

代码：

     

   

 3. vue3实现表单的必填验证：失效，这个是因为蚂蚁金服1.x版本采用vue2

     

   

解决

• 设置ref
• 设置rules规则
• 在提交数据时，设置必填项验证
• 如果你是a-form的话需要使用a-form-model代替

至此解决完毕

并非专业前端，有更好的方法希望可以指点一下。