vue項目-添加商品的多規格

效果圖

 

 

 

裏面的一個難點就是 怎麼生成數列，圖一 是 4X3=12種組合  圖二是   3X3X3=27種組合

怎麼生成這種組合：思路

 

                this.zum=[];

                for (let index in this.k_ruledata) {//循環的次數  第一張圖是 兩次  第二張圖是 三次

                    this.getDate(this.zum,this.k_ruledata[index]);

                  }

 

 getDate(zum,first){//公共存的集合  第一個集合

                 if(zum.length!=0){

                     let item = first.k_moreruledata;
                     let zumto=[];

                     for(let index in zum){

                         for(let to in item){

                             let ss={};

                             ss.rule_name=zum[index].rule_name+"/"+first.k_rule_name+":"+item[to].rule_name;

                             zumto.push(ss);
                         }
                     }

                     this.zum=zumto;

                 }else{
                     let item = first.k_moreruledata;

                     for(let index in item){

                         let ss={};
                         ss.rule_name=first.k_rule_name+":"+item[index].rule_name;
                         zum.push(ss);

                     }

                     this.zum=zum;

                 }




              },