antd 输入框必填 vue2

在Vue2中使用Ant Design (antd)库创建输入框并使其成为必填项，你可以使用`v-model`指令来双向绑定数据，并利用Ant Design提供的`Form`组件来控制表单验证。具体步骤如下：

1. 首先，在你的项目里安装`vue-formulate`这个轻量级的表单解决方案，它可以很好地配合Ant Design的Form组件进行验证：

   npm install vue-formulate

2. 引入需要的组件：

   <script setup> import { useForm } from 'vue-formulate' </script>

3. 使用`<formulate-input>`标签，并设置`rules`属性来指定必填规则：

   <template>
     <formulate-input
       v-model="formData.fieldName"
       label="字段名"
       :rules="{ required: true }" <!-- 表示该字段为必填 -->
     ></formulate-input>
   </template>

`formData`是一个自定义的数据对象，用于存储用户输入。

4. 在`setup`函数中初始化表单数据和form实例：

   const { fields, errors } = useForm({
     formData: {
       fieldName: '',
     },
   });

5. 当提交表单时，可以检查是否有必填字段错误：

   function handleSubmit() {
     if (errors.has('fieldName')) {
       console.log('字段名必填');
       return;
     }
     // 提交表单逻辑...
   }