标签：容器 bpmn js 添加 vue2 properties panel
安装 "bpmn-js-properties-panel": "^1.6.1"
引入样式库
import {
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule,
} from "bpmn-js-properties-panel";
import "bpmn-js-properties-panel/dist/assets/properties-panel.css";
添加面板容器
<div class="properties-panel-parent" id="js-properties-panel"></div>
容器样式
.properties-panel-parent {
width: 400px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
overflow: auto;
position: absolute;
right:0px;
top:30px;
}
配置molder参数
this.bpmnModeler = new BpmnModeler({
propertiesPanel: { //指定面板容器
parent: '#js-properties-panel'
},
additionalModules: [
BpmnPropertiesPanelModule,//属性栏
BpmnPropertiesProviderModule,
],
});
完成
标签：容器,
bpmn,
js,
添加,
vue2,
properties,
panel
From： https://www.cnblogs.com/LiZiheng/p/18009225