vue 中引用gojs绘制E-R图的方法示例
发布时间:2020-12-17 02:13:04 所属栏目:百科 来源:网络整理
导读:首先,在vue项目中安装gojs的依赖包,并在项目中引入。 创建tablePreview.vue 在js文件中绘制E-R图,注意:初始化方面必须放在mounted中调用。 tablePreview.js如下 },methods: { init() { var go = this.go if (window.goSamples) goSamples(); // init for
首先,在vue项目中安装gojs的依赖包,并在项目中引入。 创建tablePreview.vue
#sample{
position: relative;
margin: 20px;
}
#myOverviewDiv {
position: absolute;
width:225px;
height:100px;
top: 10px;
left: 10px;
background-color: aliceblue;
z-index: 300; /* make sure its in front */
border: solid 1px blue;
}
#mySearch{
width: 60%;
float: right;
margin-right: 20px;
}
.input_button{
margin: 20px;
}
#entityRelation{
width: 100%;
height: 700px;
border:1px solid #cccccc;
}
.returnShang{
color: #fff;
text-underline: none;
}
.returnShang:hover{
color: #fff;
text-underline: none;
}
|