vue中使用element表格组件实现点击行触发一个事件对象
代码展示
<template>
<el-table
:data="tableData"
stripe
@row-click="rowClick"
style="width: 100%">
<el-table-column
prop="date"
label="测试示例"
width="180">
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: []
}
},
methods: {
rowClick(row,column,event) {
console.log(row);///获取该行的所有数据
console.log(column);
console.log(event);
}
}
}
</script>
事件名 | 说明 | 参数 |
---|---|---|
row-click | 当table某一行被点击时会触发该事件 | row, column, event |
注:点击行就会触发handdle事件,row, column, event参数不需要写在html中,若传入参数,只接收传入的参数
本文来自博客园,作者:JackieDYH,转载请注明原文链接:https://www.cnblogs.com/JackieDYH/p/17634490.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通