leader-line文本添加click点击事件

背景：项目页面中使用leader-line做连线效果，线上的文字想要做点击事件

1、如何使用leader-line

如何使用以及如何给线加文本，这里就不作过多描述了，上一篇博客都有详细介绍 leader-line的使用

2、思路

线和文本正常画出之后，F12查找文本元素发现，就是svg中的text标签

3、绑定点击事件

下面就可以使用js动态给标签绑定click事件即可

      setTimeout(() => {let texts = document.getElementsByTagName('text')for (var i = 0; i < texts.length; i++) {texts[i].addEventListener('click', this.labelClickHandle);}}, 500)labelClickHandle(e) {console.log(e);e.stopPropagation();}

绑定完之后，发现想要的效果并没有出来；煎熬了二小时，终于在网上大佬那边找到了答案，CSS设置下允许点击事件

svg {text {pointer-events: visible;cursor: pointer;z-index: 999 !important;fill: red !important;}
}

至此大功告成！！！

注：如果点击不成功，或者线看不见，检查下z-index问题和pointer-events