uni-table如何获取点击的是哪一列哪一行？

分类：uni-app

在uni-table中，点击某一个单元格，请问如何获取事件，可以知道当前点击的是哪一行哪一列？

2023-01-11 16:55 负责人:无分享

4 个回复

可以直接使用 @click.native 来触发点击事件
<uni-tr v-for="(item,index) in tableList" :key="index" @click.native="select(index)">

呆狗的一生 - 呆狗的一生

table 的每一行是一个uni-tr标签啊，加 click 事件就行了，如果的确获取当前点击的行，可以把 uni-tr 循环中的 index传入click事件中啊。至于当前点击的是那一列，不太好获取，但也是有方法的。

p***@163.com (作者)

你好，感谢你的回答，我看了一下，uni-tr好像没有这个click事件，我试了一下，没有作用。

2023-01-12 09:43

呆狗的一生 - 呆狗的一生

uni-table 有@selection-change事件啊，绑定方法就行了。只要选中项变动，都会触发此事件的。里面就是 index

p***@163.com (作者)

这个是可以的，但是必须要选中前面的checkbox才可以，我的需求是在点击某个单元格的时候，就可以触发事件获取行列。但是好像没有事件可以触发。

2023-01-12 09:45
呆狗的一生

回复 p***@163.com: 的确，此事件要勾选了才会被触发。第一种方法我也试过，不行，不清楚原因。不过可以折衷的实现，在第一种方法的基础上修改一下，在 uni-tr 标签外，套一个 view ，这样实现：
```
<view v-for="(item, index) in tableData" @click="trClick(index)" :key="index">  

</view>
```
里面的trClick方法，就是绑定的方法，点击时，会触发此方法

2023-01-12 18:01
p***@163.com (作者)

回复呆狗的一生: 非常感谢！

2023-01-14 17:37

在 uni-tr 标签外，套一个我表格体内容和表头对不上

要回复问题请先登录或注册