Element-Ui el-table 动态添加行

一、在项目需要使用

这个需求主要是在项目中需要用到
1.点击新增按钮，可以实现新增行。
2.在每个列里面可以进行输入。
3.可以删除新增的行，包括数据。

二、HTML代码

1.主要是循环每一个列，而且这些列都是动态，根据父组件传过来的，这样可以动态的决定要多少的数据。
2.:data=“tableData” 这个才是决定行的代码，可以通过push的方法新增行或者减少行。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

三、JavaScript代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

四、看图片（效果）