el-table动态新增一行在新增的时候 type check failed for prop "column". Expected Number with value 1, got String with value "1"报错

这个错误通常出现在 Vue.js 中使用 Element UI 的 `el-table` 组件时，当你尝试动态添加一行数据，但列的类型定义不匹配实际插入的数据类型时。`type check failed for prop "column"` 指的是 Vue 在验证数据属性时，预期 `column` 属性应该是一个数字（Number），但是接收到的值是字符串（String）。

具体解决这个问题，你可以按照以下步骤检查：

1. **检查数据结构**：确保你在动态生成新行时插入的数据结构与 `el-table` 的列定义一致。比如，如果列期望的是数值型，确保每次新增时传递的 `column` 值是一个整数，而不是字符串。

示例代码：

   const newRow = {
     column: parseInt('1'), // 将字符串转为整数再插入
     ... // 其他列的数据
   };

2. **数据转换**：在动态添加行的地方，对输入的字符串进行适当的类型转换，确保符合预期。

3. **验证函数**：如果你使用了Vue的 `v-model` 或者 `props`，并且有自定义的验证规则，可能需要更新这些规则来处理字符串类型的输入。

4. **检查列配置**：确认 `el-table` 的列配置中对应的 `prop` 是否正确设置为 `column`，并且它的 `type` 或 `formatter` 配置是否与预期值匹配。

5. **错误处理**：使用 `try...catch` 或者 `v-if` 等方法包裹动态添加行的操作，以便在类型转换失败时优雅地处理错误。

记得检查是否有其他地方可能影响到数据类型转换的地方，例如事件监听器或者计算属性。如果问题仍然存在，提供完整的代码片段会更有助于定位问题。相关问题包括：