如何在一个表中添加一行数据或者多行数据

 下面这个数据是初始化数据：

效果图如下：

const tableData = reactive([
  {
    cycle: 1,
    value1: "第1次开启",
    in: 1,
    out: null,
    max: null,
    avg: null,
  },
  {
    cycle: 1,
    value1: "第1次关闭",
    in: null,
    out: null,
    max: null,
    avg: null,
  },
]);

实现点击加号按钮增加两行表格

添加事件使用 push的方法就可以了
 

function addNewRows() {
  // 计算下一个 ID
  const nextId = tableData[tableData.length - 2].cycle + 1;
  const newRow1 = {
    cycle: nextId,
    value1: `第${nextId}次开启`,
    in: null,
    out: null,
    max: null,
    avg: null,
  };
  const newRow2 = {
    cycle: nextId + 1,
    value1: `第${nextId}次关闭`,
    in: null,
    out: null,
    max: null,
    avg: null,
  };
  tableData.push(newRow1);
  tableData.push(newRow2);
}

下面这一行代码的作用是，一次开启和一次关闭是一起的，所以是用来显示第几次开启，第几次关闭的

const nextId = tableData[tableData.length - 2].cycle + 1;