Vue電商SKU組合演算法問題

2022-03-30 22:59:42 字數 892 閱讀 8462

前段時間,公司要做「新增商品」業務模組,這也算是電商業務裡面的乙個難點了。

令我印象最深的不是什麼「組合商品」、「關聯商品」、「關聯單品」,而是商品sku的組合問題。

這個問題特別有意思,當時雖然大體上組合成功,總是有些小bug解決不了,然後手上又有別的任務就沒仔細研究它。

後來過了乙個月,空閒下來專門研究了下,終於把問題解決,有必要記錄下這次體驗。

先看下在業務中的效果(tips: 如看不清可放大瀏覽器)

這個相對來說比較麻煩,還涉及到了下面「屬性」的迴圈,但關鍵點還是在sku組合的**上面

以下是基於element-ui和vue的精簡版demo**:

html:

1

sku組合demo

2 for="(v, i) in list" :key="i" class="mt-20">

3}:4

5for="(k, j) in v.list" :key="j" :label="k" />67

89確定10

1112

for="(item, index) in skulist" :key="index" style="margin:10px 10px;">}

13

css:

.mt-20
js:

1
效果如下:

只要是做電商的小夥伴應該都會遇到這個sku組合問題吧,希望能對大家有所幫助!

如有錯誤,請多指教,謝謝!

電商 商品發布規格組合演算法

1 迴圈組合2 function generategroup arr 17 當第乙個成員組合完畢,刪除這第乙個成員 18result.shift 19 20 21 列印結果 22console.log result 23 2425 generategroup 紅色 藍色 x xl 10m 20m 商...

電商領域Sku屬性選擇問題解決方案

sku 可以直接售賣的商品 spu 同一類具有統一特性的商品集合 example spu 華為 mate 30 pro 5g sku 華為 mate 30 pro 5g 黑色 6g 256g 華為 mate 30 pro 5g 銀色 6g 256g 華為 mate 30 pro 5g 黑色 8g 2...

c語言實現排列組合演算法問題

排列組合是演算法常用的基本工具,如何在c語言中實現排列組合呢?思路如下 首先看遞迴實現,由於遞迴將問題逐級分解,因此相對比較容易理解,但是需要消耗大量的棧空間,如果執行緒棧空間不夠,那麼就執行不下去了,而且函式呼叫開銷也比較大。1 全排列 全排列表示把集合中元素的所有按照一定的順序排列起來,使用p ...