Javascript 复选框正在更新它'；关闭模式后的状态-vuejs

子模式

我有一个子模型，它有带复选框的产品列表。我正在从该列表中选择一些产品。通过单击模态中的“添加产品”按钮，它将在父组件中显示这些产品

父组件

在父级中显示这些选定产品后，如果我再次单击“showModal”按钮。这些选中的复选框与初始阶段一样未选中。所以，我的问题是如何得到这些检查产品的前选择

子组件发射事件

我通过发送事件发送所选产品详细信息

    addEntry() {
    this.$emit('onSelectedProduct', this.checkedProductList)
    this.$store.dispatch('hideProductModal') // just dispatched action for close modal.
  }

父组件（代码段）

方法

showModal() {
    this.$store.dispatch('showModal')
  }
  hideProductModal() {
    this.$store.dispatch('hideProductModal')
    this.$store.dispatch('resetProductModal')
  }

  onUpdatedProduct(data) {
    this.selectedProductEntries = data
  }

这些方法工作良好，其他功能也很好。但是，如果我再次单击showModal，则复选框再次处于初始阶段。如何同步上一选择上的复选框以在模式中显示上一选择的产品

---

如何执行此操作？

重置ProductModal的功能是什么？听起来像是这里的问题。