el-table-column点击事件
在Element UI中,el-table-column
组件是用来展示表格数据的列,但它本身不提供点击事件。你可以通过在el-table-column
内嵌套template
并使用el-button
来捕获点击事件。
以下是一个简单的例子,演示如何在el-table-column
中添加一个按钮,并在按钮点击时触发事件:
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column label="操作">
<template slot-scope="scope">
<el-button size="small" @click="handleClick(scope.row)">点击我</el-button>
</template>
</el-table-column>
<!-- 其他列 -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
// 数据对象
]
};
},
methods: {
handleClick(row) {
console.log('行数据:', row);
// 执行你需要的操作
}
}
};
</script>
在这个例子中,handleClick
方法会在按钮被点击时触发,并接收当前行的数据作为参数。你可以在handleClick
方法中执行你需要的任何操作。
评论已关闭