Как получить доступ к магазину в смонтированном () метод с NUXT.js? - PullRequest
Новая
       14

Как получить доступ к магазину в смонтированном () метод с NUXT.js?

0 голосов
/ 28 января 2019

Я работаю над проектом NUXT.js с Open Street Map и хочу получить доступ к store в методе mounted().Я получил ошибку, что хранилище не определено в пространстве имен метода mounted().Как я могу получить к нему доступ?

@/assets/js/utils.js

const utils = {

//...

updateMap(context) {
    let _context = context;

    const checkMapObject = setInterval(() => {
      if (_context.$refs.map) {
        _context.map = _context.$refs.map.mapObject;
        clearInterval(checkMapObject);

        //console.log(_context.map);

        if (process.browser) {
          L = require('leaflet');
          console.log("MAP OBJECT INITED");

          delete L.Icon.Default.prototype._getIconUrl;

          L.Icon.Default.mergeOptions({
            iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
            iconUrl: require('leaflet/dist/images/marker-icon.png'),
            shadowUrl: require('leaflet/dist/images/marker-shadow.png'),
          });

          for (let marker of this.getMapMarkers(_context.store.state.pollingStations)) {
            L.marker(marker).addTo(_context.map)
          }
        }
      }
    }, 100);
  },

// ...

}

export default utils;

index.vue 

<template>
   ...
</template>

<script>

...

import utils from '@/assets/js/utils'

export default {
  // ...

  mounted() {
    utils.updateMap(this)
  },

  // ...
}
</script>

И я получил эту ошибку:

Uncaught TypeError: Cannot read property 'state' of undefined

...