vue3 怎么在 线条 边框上 绑定 @click事件

**一个田字形 Table表,
目的: 点击某 根边线,做相应处理
问题: 怎么获取到点了哪根线呢?

思路是, 每根线 建一个透明的 div 放在 线的后面. 在这个透明的 div 上 绑定@click
但感觉很low**

把边线当做矩形计算出位置就好了(td.getBoundingClientRect，和边框宽度进行计算)，给table加click，获取e.clientX,e.clientY判断是否在线条范围内容~

请把你的布局代码发出来,才能帮你找个合适的触发事件.

如果是非table布局,可以考虑,比如用相对定位加绝对定位,然后边框线用图片来实现,有点类似你的div模拟边框线,然后在每个图片上绑定点击事件.

给边框绑定click事件，换种思路，给整个表格添加click事件，判断点击到了那个区域的线

在表格里面添加一个子元素，通过绝对定位的方式，移到右边，该子元素透明，绑定点击事件即可。

对td单元格添加事件，判断点击的坐标，靠近哪一边，小于阈值就算是点到那边的线上。

vue for循环个 标签，i标签绝对定位成一个表格，样式用css控制，@click绑定在i标签上

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632