Masalah semasa cuba mengakses data daripada vuex
P粉916760429
P粉916760429 2024-04-03 23:54:45
0
1
438

Saya cuba memasukkan data air ke dalam Vuex dan semuanya berfungsi dengan baik sehingga saya cuba mengakses tatasusunan data saya.

const store = new Vuex.Store({
    state: {
        categories: {}
    },
    getters: {
        categories: (state) => {
            console.log(state.categories);
            return state.categories;
        }
    },
    mutations: {
        set_categories: (state, data) => {
            state.categories = data
        }
    },
    actions: {
        get_categories: (context) => {
            axios.get(`${baseUrl}/api/categories?pagination=0`)
                .then((response) => {
                    context.commit('set_categories', response.data);
                });
        }
    }
});

Ini semua kod dalam vista dan inilah cara saya mengaksesnya dalam komponen vista

mounted() {

        this.$store.dispatch('get_categories'); 
    },
computed: {
        stateCategories() { 
            return this.$store.state.categories 
        }
    },
console.log(this.stateCategories)

Tetapi data saya tidak muncul. Adakah anda tahu apa masalahnya? Saya menguji dengan pembangun alat vue dan data saya muncul dalam vuex

P粉916760429
P粉916760429

membalas semua(1)
P粉333186285

Cuba tunggu maklum balas:

async mounted() {
    await this.$store.dispatch('get_categories'); 
},
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan