vue弹框里面左右联动的数据

弹框如下

点击左边的数据会调用接口来显示右边，现在的问题是最后插入的数据只能是颜色或者规格模板里的，无法选择所有
因为我处理数据的地方写在调用接口的里面，所以每次点击的时候数据都被覆盖了，这里应如何修改，求详细解释

 //左侧选择框点击
    leftCheckClick(index, e, item) {
      console.log(item.id, index)
      this.leftIndex = index;
      this.leftCheckStatus[index] = e.target.checked;
      this.currentLeftKey = index;
       let tempRightData = [];
      queryProductLists(item.id).then(response => {
        for (let index = 0; index < response.data.productSkus.length; index++) {
          const element = response.data.productSkus[index];
          tempRightData.push(element);
        }
        this.productProject = tempRightData;  **//这里的productProject就是我要用的数据**
         this.productProject.forEach((item) => {
          this.$set(item, "check", false);
          
        });