如何把element ui表格中的某两列数据传到后台
时间: 2023-10-20 12:05:48 浏览: 117
layui数据表格重载实现往后台传参
您可以在表格中定义两列数据对应的字段名(即prop属性),并将这两列数据绑定到表格数据源中。然后,当您需要将这两列数据传输到后台时,可以通过发送一个包含这两个字段的请求来实现。
以下是一个示例代码片段,它演示了如何定义一个带有两列数据的Element UI表格,并将这两列数据传输到后台:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
```javascript
export default {
data() {
return {
tableData: [
{ name: '张三', age: 25 },
{ name: '李四', age: 30 },
{ name: '王五', age: 28 }
]
}
},
methods: {
sendDataToServer() {
const formData = {
name: this.tableData.map(item => item.name),
age: this.tableData.map(item => item.age)
}
// 发送formData到后台
}
}
}
```
在上面的示例中,我们定义了一个带有两列数据的表格,并将这两列数据绑定到了tableData数组中。当我们需要将这两列数据传输到后台时,我们可以通过遍历tableData数组来构建一个包含这两列数据的formData对象,并将其发送到后台。
阅读全文