commodity-sku 商品SKU选择

commodity-sku 是一个商品规格选择组件，支持多仓库、多颜色、多尺码选择，以及预售、特价等业务逻辑。

基础用法

<template>
  <commodity-sku
    v-model="showSku"
    ref="skuPopup"
    :isCart="false"
  ></commodity-sku>
</template>

<script>
export default {
  data() {
    return {
      showSku: false
    }
  },
  methods: {
    openSku(product) {
      // 需要调用组件内部方法初始化数据
      this.$refs.skuPopup.init(product)
      this.showSku = true
    }
  }
}
</script>

Props

参数	说明	类型	默认值
value / v-model	是否显示 SKU 弹窗	Boolean	false
isCart	是否在购物车场景中使用	Boolean	false
customClearCallBack	自定义清空数据的回调函数	Function	-
customConfirmCallBack	自定义确认按钮的回调函数	Function	-

Methods

方法名	说明	参数
init	初始化 SKU 数据，需传入商品对象	product (Object)

Slots

插槽名	说明
default	底部按钮区域自定义内容 (默认显示确认/加入购物车按钮)

依赖

该组件深度依赖 Vuex 中的状态（如仓库信息、购物车分类等）以及 API 接口（获取尺码表、保存购物车等）。