上一篇文章讲述了bpmn.js的基本搭建使用过程，下面介绍工具栏的按钮使用 以及右侧属性如何绑定到节点保存的

 保存方法

    /** 保存xml */
    async save() {
      await this.getNewXML() //获取最新的xml
      await this.getRootElement() //获取流程基本信息 节点信息
      const params = {
        name: this.rootElement.name,
        category: this.rootElement.$attrs['flowable:processCategory'],
        xml: this.newXML
      }
      await saveXml(params).then(res => {
        console.log(res.msg)
        this.$message.success(res.msg)
      })
    },



    /**
     * 获取bpmn格式
     */
    async getNewXML() {
      const that = this
      try {
        const result = await this.bpmnModeler.saveXML();
        const {xml} = result;
        that.newXML = xml
      } catch (err) {
        console.log(err);
      }
    },




    /**
     * 获取流程基本信息
     */
    getRootElem