Ant-Design-Vue中关于Form组件的使用

1.创建form表单的两种方式，不同的方式在js中创建表单的方式也不同

方式1：一般使用在搜索表单中，只需要双向绑定数据即可，那就使用这种方法即可

方式2：在登录，或者注册等等应用场景中使用，需要对表单进行校验等等操作，请使用这种方法

 如果只有图，那我还怎么写代码？怎么复制粘贴？怎么工作？

2.在使用createForm()创建表单的时候，传入options.name的原因：

图片太小，请在图片上点击右键，选择在新标签页中打开即可。

 如果按照上面所写，你定义两个表单，都有个属性值叫做gender的话，那他们的id也是相同的，都是 id="gender"，按照原则来说，一个页面不应该有相同的id。可能会导致如下：

const genderDiv = document.getElementById('gender');　　// 你在这里获取id为gender的标签也会引起歧义，如果当前页面只有一个form表单，或者多个表单没有重复字段，不设置name并无影响
console.log(genderDiv.value);　　// 你只能打印出来一个表单中的gender的值，另一个表单的值你获取不到了，因为id设置重复了，覆盖了

3.动态校验规则：

 4.自行处理表单数据

补充：validate-status是form-item的属性中的校验状态属性，如不设置，则会根据校验规则自动生成，可选：'success' 'warning' 'error' 'validating

help也是form-item中的属性，相当于错误提示，跟validate-status搭配使用