element-UI的表格点击某一行触发事件

作者：IT小白 | 2024-02-19 11:38:17

踩

事件名	说明	参数
row-click	当某一行被点击时会触发该事件	row, column, event

举个栗子：

 1 <template>
 2   <el-table
 3     :data="tableData"
 4     stripe
 5     @row-click="handle"
 6     style="width: 100%">
 7     <el-table-column
 8       prop="date"
 9       label="日期"
10       width="180">
11     </el-table-column>
12   </el-table>
13 </template>
14 
15 <script>
16   export default {
17     data() {
18       return {
19         tableData: []
20       }
21     }，
22     methods: {
23       handle(row, event, column) {
24           console.log(row, event, column)
25        }
26     }
27   }
28 </script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

注：点击行就会触发handdle事件，row, event, column参数不需要写在html中，在方法里直接使用就可以了

参考：https://blog.csdn.net/Gochan_Tao/article/details/79606066

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/114488