商城后台系统的多规格

a_grain_of_wheat

已于 2023-07-26 08:49:43 修改

阅读量246

点赞数

文章标签：前端 vue

于 2023-07-25 15:37:41 首次发布

本文链接：https://blog.csdn.net/a_grain_of_wheat/article/details/131919198

版权

文章讲述了如何处理商品的多规格信息，如颜色和尺码。首先获取每个规格的值数据类型，然后通过循环处理生成SKU列表。接着，使用一个公共方法`combineArrays`来组合不同的规格选项，生成所有可能的组合，将这些组合添加到规格列表中，用于后续的商品展示和管理。

摘要由CSDN通过智能技术生成

需要添加多规格，并且还要根据算法生成对应的规格列表
1、获取此规格值数据类型

specsList:[{
        title: "颜色",
        specsTag:['蓝色','绿色'],
      },{
        title: "尺码",
        specsTag:['165*130','L','XL'],
}]

2、处理数据

let skuList = []

for(const { specsTag } of this.specsList) {

    skuList.push(specsTag)

}
// this.muitiSpecsList 规格列表
const combinations = this.combineArrays(skuList);
      combinations.forEach(item=>{
        this.muitiSpecsList.push({
          ID:0,
          AttrDetail:item,
          Image : '',
          Price : 0,
          FakePrice : 0,
          StoreNum : 0,
          Sku: '',//商品编号
        })
      })

3、处理多规格的公共方法

combineArrays(arrays) {
      if (arrays.length === 0) {
        return [[]];
      }
      const result = [];
      const currentArray = arrays[0];
      const remainingArrays = arrays.slice(1);
      const combinations = this.combineArrays(remainingArrays);
      for (let i = 0; i < currentArray.length; i++) {
        for (let j = 0; j < combinations.length; j++) {
          result.push([currentArray[i], ...combinations[j]]);
        }
      }
      return result;
 }