vue 中引用gojs绘制E-R图的方法示例

首先，在vue项目中安装gojs的依赖包，并在项目中引入。创建tablePreview.vue在js文件中绘制E-R图，注意：初始化方面必须放在mounted中调用。tablePreview.js如下这里在gojs的EntityRelationship实例的基础上，加了遮罩图与搜索后高亮显示功能。遮罩层的作用是当有很多数据时，可以通过拖动遮罩层来查找。这个是遮罩层的div这里是把之前定义好的Diagram放进遮罩层。搜索框的作用即是更快的找到相应的数据，下图代码是设置搜索后显示高亮的数据。