我有个阵列。我通过rest获取数据。我可以从任何组件调用一个变异getData(),但是我需要在创建对象Vuex.Store时自动调用它,我能这样做吗?
export default new Vuex.Store({
state: {
myArray: [],
},
mutations: {
getData() {
//get data from remote API and pass to myArray
axios.post('').then(response => {
我有一个store.js文件,它发送一个api请求并使用axios获得响应,该api经过测试,运行良好。store.js包含以下代码:
import Vue from 'vue';
import Vuex from 'vuex';
import axios from 'axios';
import cUser from './modules/User';
import UI from './modules/UI';
Vue.use(Vuex)
export default new Vuex.Store({
我使用vuex,存储文件夹中有index.js和auth.js。我希望在我的signin.vue中使用从存储中调用操作的基本标志,但是我得到了“未定义的(承诺中的) ReferenceError:分派是没有定义的”,而我正在用auth.js中的调度键从另一个操作调用操作。
index.js
import Vue from 'vue'
import Vuex from 'vuex'
import auth from './auth'
Vue.use(Vuex);
export default new Vuex.Store({
state
我正在尝试以下几点:
我有一个登录表单,它使用axios从rest中获得结果。当提交正确的数据时,我会返回所有的用户数据,当提交错误的数据时,我会收到一条错误消息。
我想将用户数据保存到一个全局存储区,以便在我的vue应用程序中使用。我认为vuex会为这个szenario工作。
在我的main.js中,我定义了vuex和一个突变函数来获取用户数据。
import { createStore } from 'vuex'
// other imports
const store = createStore({
state () {
return {
use
我在我的存储操作中使用了Axios,并希望基于某种状态设置Axios标头(以更改接受语言的请求标头)。当尝试访问导出外部的存储时,我得到一个错误“无法找到未定义的属性状态”。我的store/index.js文件: import Vue from "vue";
import Vuex, { Store } from "vuex";
import Axios from "axios";
Vue.use(Vuex);
Axios.defaults.headers['Accept-Language'] = store.state.La
我的问题是,当重新加载页面时,中间件首先呈现,然后呈现vuex;因此,当我想要更改vuex中的值时,根据用户是否经过身份验证,中间件将返回vuex的初始值。这意味着,如果用户经过身份验证,它首先显示为false,而在呈现vuex之后,它将显示true。但是到那时,中间件已经完成了加载。这将导致用户重定向到登录页面,只要页面被刷新。我的问题是,它们是否是我可以在中间件之前先加载vuex的一种方法?
这是中间件代码;
export default async function ({ store, redirect }) {
// If the user is not authenticated
我在运行vuex mapState函数时遇到了问题。在我的文件TheHeaderComponent.vue中,我试图同时打印{{ $store.state.coins }}和{{ coins }},但是尽管我在组件中传入了...mapState['coins'],但是只打印了前者。 显示的相关错误为vue.esm.js?a026:628 [Vue warn]: Property or method "coins" is not defined on the instance but referenced during render. Make sure tha