Skip to main content
Mixin que consulta a API de preços e disponibiliza os valores formatados para exibição. O tipo de preço destacado (promocional, Pix ou boleto) é lido da configuração do tema (themeStyle.highlight_type_payment). Depende do productMixin (ou de uma prop product com id) para identificar o produto a ser consultado.

​
Uso

import pricesMixin from '@/mixins/prices';
import productMixin from '@/mixins/product';

export default {
    mixins: [productMixin, pricesMixin],
};

​
Data injetada

PropriedadeTipoValor padrãoDescrição
productPricesObject|nullnullObjeto de preços retornado pela API.
productPricesParamsObject|nullnullParâmetros usados na última chamada à API.
loadingPricesBooleantrueIndica se a requisição de preços está em andamento.

​
Computed injetados

ComputedTipoDescrição
selectedPriceStringPreço formatado do método de pagamento destacado, com os centavos em <span class="fraction-amount">.
priceTextStringTexto complementar ao preço: 'no Pix', 'no boleto' ou '' para promocional.
hasPriceBooleantrue quando o método de pagamento não-promocional está disponível.
hasPromotionBooleantrue quando o produto possui preço promocional.
percentDiscountNumberPercentual de desconto do produto (0 se não houver).

​
Comportamentos automáticos

  • No mounted, busca os preços do produto atual.
  • Refaz a busca automaticamente ao detectar mudança no product.id ou validProduct.id.