<template slot-scope="scope"> <el-button type="primary" @click="$listeners.click(scope.row)">获取当前行</el-button> </template>无法看到当前操作
时间: 2023-10-07 17:09:10 浏览: 101
详解关于element el-button使用$attrs的一个注意要点
如果你无法看到当前操作,可能是因为你在自定义按钮的 `el-button` 标签中没有正确地绑定点击事件处理函数。
请确保你在自定义按钮中正确地绑定了点击事件处理函数,例如:
```
<template>
<el-table :data="tableData" :row-key="row => row.id">
<el-table-column label="姓名" prop="name"></el-table-column>
<el-table-column label="年龄" prop="age"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="primary" @click="handleClick(scope.row)">获取当前行</el-button>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ id: 1, name: '张三', age: 20 },
{ id: 2, name: '李四', age: 25 },
{ id: 3, name: '王五', age: 30 }
]
}
},
methods: {
handleClick(row) {
console.log('当前行数据:', row)
}
}
}
</script>
```
在上面的代码中,我们将自定义按钮的点击事件绑定到了 `handleClick` 函数上,并将当前行的数据作为参数传递给该函数。当点击自定义按钮时,会触发 `handleClick` 函数,从而输出当前行的数据。请注意,这里我们没有使用 `$listeners`,而是直接在模板中绑定了点击事件处理函数。
阅读全文