Javascript 单击“确定”将VueDraggable模型数据传回b-modal

我们有以下模板结构：

        <b-modal
          id="reorder-modal"
          title="Reorder Dashboard"
          @ok="storeNewOrder"
          ok-title="Save"
          ok-variant="success"
          :ok-disabled="disableSave">
            <reorder-modal-row
              :dash-board-data="dashBoardData"
              :disable-save="disableSave"
              @updateDisableSave="updateDisableSave"/>
        </b-modal>

现在，可拖动组件的模型使用通过props传递的数据克隆

：仪表板数据
。我们试图实现的是，当用户单击
b-modal
中的Save按钮时，该按钮将从孩子那里收集克隆的数据，并进行后端调用以更新或更新数据库。问题是，我们不确定如何实现此功能，因为保存按钮不是子项的一部分

我们尝试使用可拖动的移动事件，但每次拖动时都会向父对象发出事件。任何帮助都将不胜感激
 我们找到的解决方案是创建数据的副本。将其与子项进行双向绑定，并在
保存
按钮上单击，将原始数据分配给副本

methods: {
  async loadGridAndContent () {
    let result = await AppService.loadDashboard(this.userDetails.psref)
    this.dashBoardData = result.data[0]
    this.dashBoardDataClone = JSON.parse(JSON.stringify(this.dashBoardData))
  },
  async storeNewOrder () {
    this.dashBoardData = this.dashBoardDataClone
    await AppService.reorderDashboard(this.dashBoardData)
  },
}

我们找到的解决方案是创建数据的副本。将其与子项进行双向绑定，并在
保存
按钮上单击，将原始数据分配给副本

methods: {
  async loadGridAndContent () {
    let result = await AppService.loadDashboard(this.userDetails.psref)
    this.dashBoardData = result.data[0]
    this.dashBoardDataClone = JSON.parse(JSON.stringify(this.dashBoardData))
  },
  async storeNewOrder () {
    this.dashBoardData = this.dashBoardDataClone
    await AppService.reorderDashboard(this.dashBoardData)
  },
}