vue如何设置Edge的z-index和样式？

[xinnai]

您好，我使用了addEndpoint添加了锚点，连线时线跑到了页面的背后，如下图： 看到了文档中有edge.setZIndex (index)方法，但是不知道在vue中如何获取edge？如何设置线显示在最前面？ 另外请问vue中有快速设置线颜色、线段开头结尾的箭头样式、线粗细等等的配置吗？

[Zt448143356]

1. vue中如何获取edge？
   • 从canvas中获取。canvas从这个方法中获取
2. vue中有快速设置线颜色、线段开头结尾的箭头样式、线粗细等等的配置吗？
   • 抱歉还没有。
   • 这部分原生的butterfly-dag有部分支持。（plugins） 如果需要深度定制，建议使用butterfly-dag 因为vue版本相对还不够完善，butterfly-dag经过公司多个项目长期验证。健壮性强，功能齐全丰富

[xinnai]

感谢快速回复，请问有没有butterfly-dag结合vue的示例，我使用了可是页面上什么都没有，唉 `

`

[Zt448143356]

你会使用react吗？ 我们有react使用butterfly-dag的基本示例。 会react的话。看react的转化下成vue的即可。 butterfly-dag的用法和vue-butterfly用法差距有点大。需要详细看下用法和Demo（React的Demo） 线上DEMO带编辑器的

[xinnai]

finishLoaded中使用了 Array.prototype.forEach.call(VueCom.edges, (edge) => { console.log(111, edge); edge.setZIndex(1000) }); 但是zindex的问题没有效果，我看了一下edge默认的zindex是499， 但是node也就是class="butterfly-node"的节点，初始zindex往往要大于499，所以线总是在后面