Не удается отправить метод из хранилища Vuex в подключенном () хуке Nuxt.js - PullRequest
Новая
       9

Не удается отправить метод из хранилища Vuex в подключенном () хуке Nuxt.js

0 голосов
/ 11 сентября 2018

У меня проблема с отправкой метода из магазина Vuex в mount () hood?Это ошибка, которая появилась.

enter image description here

Я просто делаю это в смонтированном хуке: this.$store.dispatch('setSeason', seasonValue);

Я видел, как инициализировать хранилище в официальной документации,но это не работает ...

Это мой код для инициализации магазина Vuex: 

import Vue from 'vue'
import Vuex from 'vuex'
import axios from 'axios'
Vue.use(Vuex)

var d = new Date();
var n = d.getMonth();
var current_season = (n == 1 || n == 2 || n == 12) ? 1 : (n == 3 || n == 4 || n == 5) ? 2 : (n == 6 || n == 7 || n == 8) ? 3 : 4;

const store = () => {
    return new Vuex.Store({
        state: {
            locales: ['en', 'ru'],
            locale: 'ru',
            seasons: [{title: 'Зима', label: 'winter'}, {title: 'Весна', label: 'spring'}, {title: 'Лето', label: 'summer'}, {title: 'Осень', label: 'autumn'}],
            season: current_season,
            categories: {},
        },
        mutations: {
            SET_LANG(state, locale) {
                if (state.locales.indexOf(locale) !== -1) {
                  state.locale = locale
                }
            },
            SET_SEASON(state, season){
                if(season >0 && season <=4){
                    state.season = season
                }
            },
            SET_CATEGORY(state, menu){
                state.categories  = Object.assign({}, menu)
            }
        },

        actions: {
            async nuxtServerInit({commit}){
                let {data} = await axios.get("http://admin.duras.aws.kz/api/v1/categories", {
                  headers: {
                    'Content-Type': 'text/plain'
                  },
                  params: {
                    type: 'tree',
                    current_id: null
                  }
                })
                commit('SET_CATEGORY', data)
            },
            setSeason({commit}, value){
                commit('SET_SEASON', value);
            }
        }
    })

}
export default store;

Ответы [ 2 ]

0 голосов
/ 11 сентября 2018

Есть два режима магазина в nuxt, один классический, например, вы вручную создаете магазин в store / index.js 

import Vuex from 'vuex'

const createStore = () => {
  return new Vuex.Store({
    state: {
      counter: 0
    },
    mutations: {
      increment (state) {
        state.counter++
      }
    }
  })
}

export default createStore

Другие - это модули.Вы просто создаете файлы в папке store (store / index.js, store /thing.js и т. Д.) С состоянием, действиями и мутациями, например 

export const state = () => ({
  counter: 0
})

export const mutations = {
  increment (state) {
    state.counter++
  }
}

https://nuxtjs.org/guide/vuex-store/

Оба методапозволит вам получить доступ к этому. $ store внутри установлен

0 голосов
/ 11 сентября 2018

В вашем экземпляре Vue вы добавили магазин Vuex?

Это должно выглядеть примерно так 

import store from './store'

new Vue({
  ...
  store,
  ...  
})
...