vue 动态表格，新增加的空行无法编辑

Vue动态表格通常通过`v-for`指令结合`element-ui`、`vue-tables-2`等库来创建。当你试图在表格中新增一行，并希望该行可以被编辑时，可能会遇到一个问题，即新添加的空行默认处于非编辑状态，用户无法点击单元格进行输入。

这通常是由于数据绑定和事件处理机制的问题。当你动态生成表格行时，你需要确保每个行元素都有相应的`input`事件监听器，以便当它成为焦点时能响应用户的输入。以下是一个简化的例子：

<template>
  <el-table :data="tableData">
    <el-table-column type="index"></el-table-column>
    <!-- 添加新行按钮 -->
    <el-button @click="addRow">新增</el-button>
    <el-table-row v-for="(item, index) in tableData" :key="index">
      <el-table-cell :editor="true" :key="index" :label="item.label" v-model="item.value"></el-table-cell>
    </el-table-row>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { label: '标题', value: '' },
      ],
      newRow: {} // 新增行的初始值
    };
  },
  methods: {
    addRow() {
      this.tableData.push(this.newRow); // 向数组追加新行
      this.newRow = {}; // 清空新行，避免循环引用导致的编辑问题
    }
  }
};
</script>

在这个例子中，关键点在于：

1. `:editor="true"`属性告诉表格组件这个单元格是可编辑的。
2. `v-model`绑定数据，当用户输入时会自动更新模型。

如果新添加的行在初次添加后仍然无法编辑，检查一下`newRow`是否需要清空或如何正确地传递给表单部分，以及是否正确地关联了`v-model`。