在vue 中使用gojs 如何将展开收起vue按钮权限控制的位置和显示隐藏进行自定义

在项目中需要根据传过来的数据畫出流程图采用了GOJS插件,功能很全面可以根据自己的需要调整,不过建议简单的流程图还是自己手写一个组件更加便于维护和变换。有一点需要注意的是GOJS是需要收费的,有水印虽然可以手动去掉,但是公司用的话还是需要买GOJS的官网上有关于在VUE中应用GOJS的小例子:。推荐看一下可以解决大部分简单需求,这个例子可以满足你并行步骤数比较固定的二叉树画法的流程图

这是官网的例子,其中模块线,箭头等画布元素都可以交互
由于我的并行步骤数不固定,于是在图中加入了Group(组)先展示一下成品:

其中批次中可以包含多个项目,表示并行的步骤

声明后在stepMap调用,比较重要的是这两个方法:


最后将需要展示的数据转化为需要的格式就可以啦。

 

以上就是本文的全蔀内容希望对大家的学习有所帮助,也希望大家多多支持脚本之家

}

我要回帖

更多关于 vue是否按钮 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信