关于row-click和current-change的用法及说明
更新时间：2026年04月16日 14:27:37 作者：火海柯神
文章介绍了row-click和current-change事件的使用,并详细描述了在表格联动需求下,仅使用row-click时遇到的问题及解决方案,最终得出结论,current-change事件在行数据或行焦点改变时均会触发,更适合用于表格联动需求
一、row-click和current-change官方文档的使用介绍
1.row-click
当表格某一行被点击时会触发该事件，
参数：
rowcolumnevent
2.current-change
当表格的当前行发生变化的时候会触发该事件，
参数：
currentRowoldCurrentRow
二、问题和解决
1.需求
有四个表，A表、B表、C表、D表，B表与A表联动，C表与B表联动，D表与C表联动，
即：
当点击A表某一行时，B表展示该点击行相关的数据，C、D表同理
2.问题
使用row-click事件
点击A表第一行时，B表展示A表第一行相关数据，C表却展示不出来与B表第一行相关数据（初始默认焦点在第一行）；
然后点击B表第一行，C表才能展示B表第一行相关数据；
接着点击A表第二行，这时候假设B表没有A表第二行相关数据，也就是B表此时数据为空，那么会发现C表依旧展示了B表第一行的相关数据，此时C表应该是无数据才对
3.解决
使用current-change事件
点击A表第一行时，B表展示A表第一行相关数据，同时C表也展示了B表第一行相关数据（初始默认焦点在第一行）；
因为C表已经展示数据了，所以就直接点击A表第二行，此时B表展示A表第二行相关数据，这时候同样假设B表没有A表第二行相关数据，会发现C表也正常的没有数据展示了
总结
row-click，是只有当点击行的时候才会触发，如果没有点击行，只是行数据或行焦点改变，是无法触发该事件；
current-change，是当前行变化时触发，即使不点击某行，只要行数据或行焦点改变了，就会触发该事件，当然也包括“点击”不同行时，也会触发该事件
所以，有时候current-change可以直接替代row-click去使用
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue中el-date-picker限制选择7天内&禁止内框选择
项目中需要选择时间范围,并且只能选择当前日期之后的七天,本文就来介绍了vue中el-date-picker限制选择7天内&禁止内框选择,具有一定的参考价值,感兴趣的可以了解一下2023-12-12
文章介绍了ECharts的数据可视化功能和使用过程,首先,文章阐述了ECharts的功能和优势,接着,文章通过安装ECharts、创建容器、获取DOM对象、引入图表等代码片段等步骤详细介绍了柱状图和饼图的可视化过程,最后,文章介绍了主题的下载和应用,以提高可视化效果2026-04-04
这篇文章主要为大家介绍了vue前端性能优化之预加载和懒加载示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
鼠标移入时的小手、鼠标点击时按钮下压弹起的动画、触屏应用点击时的屏幕震动，这些效果也被统称为点击反馈，虽然看似是应用中的细枝末节，但是只要稍微投入一点点心思，带来的用户体验提升是十分明显的,这里作者为小伙伴们推荐一种作者最喜欢的点击反馈效果。2021-05-05
这篇文章主要介绍了Vue中导入excel文件的两种方式,大概有两种导入文件的方法：form表单和el-upload，本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-12-12
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
这篇文章主要介绍了vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-02-02
这篇文章主要介绍了如何使用HBuilderX把vue项目打包成apk，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
限制输入框字符是一项需要结合技术实现与用户体验的综合设计,通过实时限制、提交校验与性能优化,开发者可以高效解决输入限制问题,同时提升用户满意度和数据安全性,本文给大家介绍vue输入框字符限制的优化设计,感兴趣的朋友跟随小编一起看看吧2024-12-12
本篇文章主要介绍了Vue.js结合Ueditor的项目实例代码，这里整理了详细的代码，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
这篇文章主要为大家详细介绍了Vue2几种常见开局方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
最新评论