Skip to content

SkuChoose 商品 SKU 选择组件

SkuChoose, 一个使用加权领接图实现的商品多规格选择组件。
只要传入 specList(规格维度)+ specCombinationList(有库存的组合),组件自动计算出哪些值可以/不可选,无需你在业务代码里写任何过滤逻辑。把「选规格」的门槛降到一行组件,把「选对规格」的复杂度藏进一张图。

基础用法

loading

自定义样式

loading

API

Props

参数说明类型例子默认值
specList规格维度CommoditySpecsType[][{ title: '颜色', list: ['白色', '粉色'] },{ title: '尺寸', list: ['1寸', '2寸'] },{ title: '体重', list: ['G', 'KG', 'PG'] }]
specCombinationList有库存的组合SpecCategoryType[]{ id: '2', specs: ['白色', '1寸', 'KG'] }

Events

事件名说明回调参数

Released under the MIT License.