Vue+element 实现表格的增加行、删除行的功能


功能需求:

1、实现一个表格,可以增加行 ,可以修改每一行的数据;

2、获取选中的行的数据,获取选中行的索引;

3、根据获取的行的索引删除相应的一行的数据。

tableData的数据可以从后台获取。

效果:

 代码实现:


js:

参考:https://blog.csdn.net/qq_38906291/article/details/100081364?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.pc_relevant_default&utm_relevant_index=2