Skip to main content
Componente central de seleção de SKU na página do produto. Renderiza os atributos de variação (cor, tamanho, etc.) como lista de selects ou como botões. Valida a seleção e emite o SKU selecionado ao componente pai.

​
Uso

<SelectSku
  variations-style="buttons"
  :should-scroll-on-error="true"
  :show-error-message="true"
  @update="handleSkuUpdate"
/>

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
variationsStyleString❌'list'Estilo de exibição das variações. Valores: 'list' (selects) ou 'buttons'.
shouldScrollOnErrorBoolean❌trueQuando true, rola até o campo com erro ao tentar comprar sem selecionar SKU.
showErrorMessageBoolean❌trueExibe mensagem de erro abaixo do campo quando a seleção está incompleta.

​
Eventos

EventoPayloadDescrição
updateObject (SKU) ou nullEmitido quando um SKU válido é selecionado ou quando a seleção é redefinida.
updateVariation{ imageUrl, productId }Emitido ao clicar em uma opção de variação, com a imagem e ID correspondentes.