eltable 新增行序号为空
时间: 2023-09-13 20:10:45 浏览: 92
如果您在 el-table 中新增一行数据时,其序号为空,可能是因为您没有为表格数据的序号字段赋初始值。您可以在定义表格数据时,为每行数据的序号字段赋初始值,例如:
```
data() {
return {
tableData: [
{id: 1, name: 'John', age: 20, index: 1},
{id: 2, name: 'Mike', age: 25, index: 2},
{id: 3, name: 'Lucy', age: 30, index: 3}
]
};
}
```
其中,index 字段即为每行数据的序号字段,您可以在定义表格数据时,为其赋初始值。
如果您是在表格中新增一行数据后,序号才变为空,可能是因为您没有在新增行后更新其他行的序号。您可以在新增行后,遍历表格数据,为每行数据的序号字段重新赋值,例如:
```
methods: {
addRow() {
// 新增一行数据
const newRow = {
id: 4,
name: 'Tom',
age: 35,
index: this.tableData.length + 1 // 设置新增行的序号为当前表格行数+1
};
this.tableData.push(newRow);
// 更新其他行的序号
this.tableData.forEach((item, index) => {
item.index = index + 1;
});
}
}
```
这样就可以确保每行数据的序号正确了。
阅读全文