- 博客(19)
- 收藏
- 关注
RSS订阅原创 使用antd的form表单组件实现动态表单，数据层次导致校验问题踩坑！！！！
这样修改后，a-form-item 能够正确识别表单项在 formModel 中的路径，从而避免 please transfer a valid name path to form item!即可以解决，可以正常通过校验。其中区域名称和时间范围与下面模块标题/模块内容是一对多关系，也就是说一个区域对应多个模块，踩坑示范。解决方案只需在数组中再加一个路径，指引组件这个数据的指向。这是一个动态表单，数据结构如下。
2024-08-19 15:32:24
155
原创 uniapp开发小程序入门之创建uni-app项目
不受工具的约束，命令行即可创建项目可以使用开发者自己喜欢的开发工具即可开发。uni-create-view可以快速新建uni-app页面。1、安装uni-app插件（快速创建页面、代码提示）创建成功之后可以使用vscode打开该项目。插件设置中可以设置是否同时创建同名父文件夹。并且可以同时在pages.json设置路由。uni-helper代码提示工具包。
2024-06-06 11:21:46
475
原创 VUE3和antd组件库实现动态展示tab页，并且每个tab页签下动态生成form表单。
根据后端返回数据使用标签页组件动态生成标签，每个标签展示对应标签的form表单。提交时需要动态校验表单。
2024-03-28 16:12:40
629
1
原创 数组去重，并且根据数据的次数更新数据
第一种情况：如果几条数据是相同的销售人员名称就把两个对象合并成一个对象，第二步在进行判断相同的销售人员名称这几个对象中的国网、省网和零售字段，如果这几个字段有重复的就计为1，如果字段不重复那么这几个字段有几种情况就计数为几，并且赋值给这个字段。第二种情况：如果这条数据的销售员名称是唯一的就直接将这个条数据的国网、省网和零售字段的值赋值为1。
2023-06-17 17:58:19
113
原创 Vue3动态生成form表单校验遇到的问题。获取表单ref值是null。
项目是基于vue3的项目，需求是点击添加按钮弹出modal对话框，对话框内是form表单，通过添加按钮动态添加表单然后提交。2、再遍历每个动态生成的表单并触发表单自带的validate方法并放到事先声明的数组中；3、再用Promise.all方法校验数组中的结果是否全部通过；遇到的问题：点击提交按钮需要校验所有表单项的必填项；1、在dataList数据中加入一个字段el；3、通过el属性可以拿到validate方法。思路：1、先声明一个数组接收校验结果；2、动态给form表单绑定ref值。
2023-03-27 11:11:15
2570
原创 Vue+antd实现动作列表（动态添加/删除表单）。
在日常开发中会遇到大量的表单提交，如果都使用单个数据的添加会很麻烦，所以大多数会选择使用动态添加的做法。
2023-03-16 11:05:36
1221
原创 获取当前时间、当前年的第一天、当前月的第一天、当前周的周一的日期并展示到antd日期选择框中。
获取当前时间、当前年的第一天、当前月的第一天、当前周的周一的日期并展示到antd日期选择框中。
2023-02-23 17:34:32
300
1
空空如也
前端正则表达式校验数字
2023-03-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人