Element-Ui el-table 动态添加行

一、在项目需要使用

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

二、HTML代码

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


三、JavaScript代码


四、看图片(效果)
Element-Ui el-table 动态添加行_第1张图片
Element-Ui el-table 动态添加行_第2张图片

你可能感兴趣的:(ui,vue.js,前端)