el-table实现表格动态新增/插入/删除 表格行,可编辑单元格
效果如下:
- 点击“新增一行”可以在表格最后新增一行,单元格内容可编辑
- 点击绿色 按钮,可在指定行的后面插入一行
- 点击红色-按钮,可以删除指定行
原理:表格el-table
是通过动态循环tableData
生成,只要对tableData
数组进行增加删除元素,就可以达到效果
这里用了element的el-table
,也可以用原生,道理一样
<template>
<
效果如下:
el-table
是通过动态循环tableData
生成,只要对tableData
数组进行增加删除元素,就可以达到效果el-table
,也可以用原生,道理一样<template>
<
2024-02-12 14:02:05
2024-02-12 14:02:02
2024-02-12 14:02:48
2024-01-31 12:01:10
2024-02-12 14:02:36
2024-02-12 14:02:34
2024-02-12 14:02:32
2024-02-12 14:02:22
2024-02-12 14:02:21
2024-02-12 14:02:17