el-table 里嵌套input 框,当我点击input框的时候,获取该el-table行的数据
时间: 2024-01-17 13:09:08 浏览: 65
获取el-table表格中选中行的数据
在 el-table 中嵌套 input 框,可以通过以下方式获取该行数据:
1. 给 input 绑定一个事件,比如 @focus 或者 @click,代码如下:
```html
<el-table :data="tableData">
<el-table-column label="姓名" prop="name">
<template slot-scope="scope">
<el-input v-model="scope.row.name" @focus="handleFocus(scope.row)"></el-input>
</template>
</el-table-column>
<el-table-column label="年龄" prop="age"></el-table-column>
</el-table>
```
2. 在事件处理函数中,获取该行数据,代码如下:
```js
methods: {
handleFocus(row) {
console.log(row); // 输出该行数据
}
}
```
在这个例子中,我们使用了 slot-scope 来获取每一行的数据,然后将数据传递给事件处理函数 handleFocus。在 handleFocus 函数中,我们可以通过 row 参数来获取该行数据,然后进行相应的处理。
阅读全文