本文介绍了一个前端接口参数动态管理的需求背景，该需求要求能够动态添加和删除一组由参数名和参数值组成的键值对。实现效果包括初始化显示一组参数，并允许用户增删任意数量的参数组，同时保持参数下标有序。实现过程中，通过HTML展示初始参数，点击添加按钮生成新的参数组，点击删除按钮则移除相应参数并调整其余参数下标。
一、需求背景
有一个接口需要批量修改入参，但是不固定多少个入参，不固定是哪一个。就得做一个动态添加表单项，如下面的格式params里面，一个key，一个value
参数形式如下面params，忽略pvaId。
{"pvaId":9,"params":[{"paramName":"1","paramValue":"1"},{"paramName":"2","paramValue":"2"},{"paramName":"3","paramValue":"3"},{"paramName":"4","paramValue":"4"}]}
二、实现效果
一组值是一个参数名，一个参数值，
可动态添加一组，可删除一组。
三、实现过程
3.1、html
固定打开弹窗，会显示一组参数名1，参数值1；
点击添加参数后，会在下面动态生成参数名2，参数值2.......；
点击一组参数后面的删除按钮，会动态删除该组参数，下面的下标自动向上替代删除的一个
1
2
3
4
7
8
9
12
13
14
15
16
17
18
19 =1":key="index">
20
23
24
25
26
29
30
31
32
33
34
35
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
