web-dev-qa-db-fra.com

accéder au magasin vuex dans le fichier js

Tout comme dans main.js, j'essaie d'accéder à mon magasin à partir d'un fichier de fonction d'assistance:

import store from '../store'

let auth = store.getters.config.urls.auth

Mais cela enregistre une erreur:

Uncaught TypeError: Impossible de lire la propriété 'getters' de indéfinie.

J'ai essayé

this.$store.getters.config.urls.auth

Même résultat. 

le magasin:

//Vuex
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

const store = new Vuex.Store({
    state: {
        config: 'config',

    },
    getters: {
        config: state => state.config
    },
});

export default store

Comment rendre mon magasin disponible en dehors des composants?

6
Elena Maximova

Ce qui suit a fonctionné pour moi:

import store from '../store'

store.getters.config
// => 'config'
8
Paweł Gościcki

mettre des crochets sur votre importation et cela devrait fonctionner

import { store } from '../store'
1
EJL