Skip to main content
Seletor de quantidade com botões + e . Respeita os limites min e max configurados e emite o novo valor a cada alteração.

Uso

<QuantitySelector
  :value="quantity"
  :min="1"
  :max="10"
  @input="quantity = $event"
/>
Sem limite máximo:
<QuantitySelector :value="quantity" :min="1" @input="quantity = $event" />

Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
valueNumber1Valor atual da quantidade.
minNumber | Boolean1Valor mínimo permitido. false para sem limite.
maxNumber | BooleanfalseValor máximo permitido. false para sem limite.
disabledBooleanfalseQuando true, desabilita os botões e o input.

Eventos

EventoPayloadDescrição
inputNumberEmitido com o novo valor a cada alteração (compatível com v-model).
changeNumberEmitido com o novo valor após confirmação da alteração.