如何通过Vue动态创建新表单并添加哪些长尾词验证校验规则？

本文共计2856个文字，预计阅读时间需要12分钟。

目录

一、需求场景及注意事项

需求场景注意事项

二、代码结构

template中data中methods中的按钮事件，也是触发渲染之前的事件

三、Ant Design中的校验规则

a-form-modela-form-model-item

四、总结

目录

• 一、需求场景以及注意事项
• 需求场景
• 注意事项
• 二、代码结构
• template中
• data中
• methods中的按钮事件，也就是触发渲染之前的事件
• 三、ant-design中的校验规则
• a-form-model
• a-form-model-item
• 四、在点击对话框确定按钮时获取该表单对象，并得出打印结果
• 五、遇到的问题及优化
• 数据提交前校验
• 优化一：element-ui同样适用
• 循环生成表单数据重复，在点击时生成，多次点击就会多次生成，在生成前添加判断即可

一、需求场景以及注意事项

需求场景

1.用户输入数值，点击按钮弹出对话框的同时，按照用户输入的数值进行表单的渲染。