bpmn.js 修改shape的id

最近使用bpmn.js做工作流项目，想要更新id总是报错，多次尝试后发现以下方法可行。记录一下。

前端框架：vue.js

直接赋值修改id会报如下错误：

猜测是直接修改id时，与这个shape相关联的其他元素中相关信息没改，就会找不到某些元素，然后报undefined的错误。

所以需要用elementRegistry.updateId()进行修改。

但是只用以上方法，发现修改未生效。debug发现shape的id变了，但是bussinessObject中的id没变，输出流程定义xml时，使用的id是bussinessObject.id。所以修改id时，shape中bussinessObject.id也需要同时修改。

代码如下：

// this.element为当前选中元素
// this.modeler为BpmnModeler
updateId(id){
  this.element.businessObject.id = id //必须修改businessObject中id,否则修改不生效
  const elementRegistry = this.modeler.get('elementRegistry')
  elementRegistry.updateId(this.element, id)
},