您好，我使用了addEndpoint添加了锚点，连线时线跑到了页面的背后，如下图：
看到了文档中有 edge.setZIndex (index) 方法，但是不知道在vue中如何获取edge？如何设置线显示在最前面？另外请问vue中有快速设置线颜色、线段开头结尾的箭头样式、线粗细等等的配置吗？
edge.setZIndex (index)
s5a0g9ez1#
qcuzuvrc2#
感谢快速回复，请问有没有butterfly-dag结合vue的示例，我使用了可是页面上什么都没有，唉`
idv4meu83#
你会使用react吗？我们有react使用butterfly-dag的基本示例。会react的话。看react的转化下成vue的即可。butterfly-dag的用法和vue-butterfly用法差距有点大。需要详细看下用法和Demo（React的Demo）线上DEMO 带编辑器的
cyvaqqii4#
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，所以线总是在后面
Array.prototype.forEach.call(VueCom.edges, (edge) => { console.log(111, edge); edge.setZIndex(1000) });
4条答案
按热度按时间s5a0g9ez1#
如果需要深度定制，建议使用butterfly-dag
因为vue版本相对还不够完善，butterfly-dag经过公司多个项目长期验证。健壮性强，功能齐全丰富
qcuzuvrc2#
感谢快速回复，请问有没有butterfly-dag结合vue的示例，我使用了可是页面上什么都没有，唉
`
idv4meu83#
你会使用react吗？
我们有react使用butterfly-dag的基本示例。
会react的话。看react的转化下成vue的即可。
butterfly-dag的用法和vue-butterfly用法差距有点大。需要详细看下用法和Demo（React的Demo）
线上DEMO 带编辑器的
cyvaqqii4#
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，所以线总是在后面