vue bpmn-process-designer预览xml加属性

Vue Bpmn-Process-Designer是一个基于Vue.js开发的流程图编辑器，它允许用户通过XML来创建、编辑和预览业务流程模型。在预览XML时，如果你需要添加属性，你可以直接在XML文件中定义这些属性，例如在<bpmn:process>元素上：

< BPMN xmlns="http://www.bpmn.org/schema/bpmn20" id="processId">
   <bpmn:process id="process_1" name="My Process" isExecutable="true">
      <!-- 添加属性 -->
      <bpmn:extensionElements>
         <camunda:executionListener event="start">
            <camunda:expression>someCustomScript()</camunda:expression>
         </camunda:executionListener>
         <!-- 更多属性如businessKey, tenantId等 -->
      </bpmn:extensionElements>
   </bpmn:process>
</BPMN>

在这个例子中，`camunda:executionListener`就是一个自定义属性，用于指定流程开始时的执行脚本。`camunda:`前缀通常用于Camunda BPM这样的工作流引擎，它们有自己的扩展元素。

要在Vue Bpmn-Process-Designer中显示这些属性，你需要将XML解析并与组件的数据绑定，以便在UI上动态展示。如果你在前端修改了XML并希望实时反映到视图上，可能需要监听文件变化或提供API来处理XML数据。