Skip to main content
Módulo Vuex inicializado a partir de window.data no carregamento da página. Disponibiliza o produto da página de produto, a lista de produtos das páginas de listagem e o SKU atualmente selecionado.

​
Getters

GetterTipoFonteDescrição
productObjectwindow.data.product.dataProduto da página de produto atual.
productsArraywindow.data.content.data.dataLista de produtos da página de categoria, busca ou coleção.
metaObjectwindow.data.content.data.metaMetadados da listagem (paginação, totais, etc.).
selectedSkuObjectEstado internoSKU selecionado pelo usuário. undefined até o usuário selecionar.

​
Actions

ActionParâmetrosDescrição
setSelectedSkusku: ObjectDefine o SKU selecionado na store. Usado pelo componente SelectSku.

​
Uso

import { mapGetters, mapActions } from 'vuex';

export default {
    computed: {
        ...mapGetters('product', ['product', 'selectedSku']),
    },
    methods: {
        ...mapActions('product', ['setSelectedSku']),

        onSkuChange(sku) {
            this.setSelectedSku(sku);
        },
    },
};
Para componentes que precisam resolver o produto a partir de múltiplas fontes (prop, store ou ID), use o mixin product em vez de acessar a store diretamente.