Vuex操作不适用于Nuxt fetch中的namespaced



我正在构建自己的小项目。当我尝试从nuxt fetch方法内部的主存(index.js(访问状态时,一切都很好,但当我尝试访问namespaced(store/photos.js(存储时,它不起作用。这是我的密码。

store/index.js(Works(

export const state = () => ({
fetchedData: []
})

export const mutations = {
setData: (state, data) => {
state.fetchedData = data;
}
}
export const actions = {
async get(vuexContext) {
const requestedData = await this.$axios.get("https://jsonplaceholder.typicode.com/users");
vuexContext.commit('setData', requestedData.data);
},
}

我的组件:

<script>
import { mapState, mapActions } from 'vuex'
export default {

async fetch({ error,store })
{
try {
await store.dispatch('get');
} catch (error) {
console.log(error);
}   
},
computed: {
...mapState(['fetchedData'])
}
};
</script>

store/photos.js(不起作用(

export const state = () => ({
list: []
});
export const mutations = {
setPhotos(state, data) {
state.list = data;
}
};
export const actions = {
async getPhotos(vuexContext, context) {
const requestedData = await this.$axios.get(
"https://jsonplaceholder.typicode.com/photos"
);
vuexContext.commit("setPhotos", requestedData.data);

}
};

相同组件但已修改

<script>
import { mapState, mapActions } from 'vuex'
export default {

async fetch({ error,store })
{
try {
await store.dispatch('photos/getPhotos');
} catch (error) {
console.log(error);
}      
},
computed: {
...mapState({
list : 'photos/list'
})
}
};
</script>

提前谢谢。

namespaced: true,

您可以将其添加到您的index.js文件中。希望这能奏效。

参考链接:试试这个

相关内容

  • 没有找到相关文章