vue.js - Vuex state boolen 属性显示未定义

Question

我有一个布尔状态属性，但它显示我未定义？

export default {
    state: {
        userStateChanged: false,
...

在获取数据时，我console.log对此状态属性进行了操作，控制台显示未定义

        async FETCH_ALL_USERS(context, page) {

            console.log('state changed?', this.state.userStateChanged);

            if (this.state.userStateChanged === false) {
                return this.state.users;
            } else {
                console.log('return new set');
                const user  = await axios.get("/api/user?page=" + page);
                context.commit('SET_ALL_USERS', user.data);
            }
        },

标签： vue.jsvuexstate-management

Answer 1

您应该通过context.

async FETCH_ALL_USERS(context, page) {

            console.log('state changed?', context.state.userStateChanged);

            if (context.state.userStateChanged === false) {
                return context.state.users;
            } else {
                console.log('return new set');
                const user  = await axios.get("/api/user?page=" + page);
                context.commit('SET_ALL_USERS', user.data);
            }
        },