iview中 on-row-click 事件

最新推荐文章于 2024-06-17 15:39:51 发布

原创最新推荐文章于 2024-06-17 15:39:51 发布 · 5.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#iview中 on-row-click 事件 #on-row-click 事件

【iview】专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在前端开发中常见的交互方式：通过点击表格的某一行来展示详细的数据信息。此方法通常涉及到使用事件监听器，如Vue.js中的on-row-click事件，以实现数据的即时展示。

点击表格当前行显示数据

 <!-- 给表格绑定on-row-click 事件 -->
 <Table 
     :columns="columns" 
     :data="list1" 
     @on-row-click="showDetail">
</Table>


————————————————————————————————

showDetail(data){
      this.isShow = true;
      console.log(data)
    //  根据相关属性获取值
     ……………………
}