Как передать параметр в vuex?

Question

[Erl]

Имеется компонент в который я попадаю через vue роутер, я хочу взять параметр $router.url и вызвать axios запрос который находиться в store.js к примеру

async GET_INDEX_ARTICLES({ commit }) {
      return axios("https://rest.api/articles?_sort=created_at:desc&publish=true&_limit=$router.url", {
        method: "GET",
      })
        .then((response) => {
          commit("SET_INDEX_ARTICLES", response.data);
        })
        .catch((error) => {
          console.log("Exception: ", error);
          commit("SET_ERROR", error.true);
        });
    },

и допустим я хочу динамически менять параметр limit, как в vuex получить эту переменную и вставить в запрос?

Answer 1

[Алексей Ярков]

Вынесите экземпляр роутера в отдельный файл.
Подключите его в модуле vuex, где вам надо:
import router from '@/router'
И пользуйтесь.

Comments

[Erl]

ну роутер и так у меня идет отдельно
то есть я смогу написать, так?

let url = $router.url
return axios("https://rest.api/articles?_sort=created_at:desc&publish=true&_limit=url"

а в компоненте просто вызывать action?

[Алексей Ярков]

Erl,

то есть я смогу написать, так?

Ну лично я не против )) Пишите. А что мешает прокинуть аргуметом параметры из компонента и вызывать экшн с разными параметрами, которые нужны в конкретном компоненте?

[Erl]

Алексей Ярков, а можете пример показать?

[Алексей Ярков]

Erl, пример чего? Как экшн вызывать из компонента?

[Erl]

Алексей Ярков, ну экшен я и так из компонента вызываю

methods: {
    ...mapActions(["GET_INDEX_ARTICLES"]),
  },
  mounted() {
    this.GET_INDEX_ARTICLES();
  },

как "прокинуть аргументом параметры из компонента и вызвать экшн с разными параметрами"

[Алексей Ярков]

Erl, как функцию с аргументами вызывать знаете? Вот это тот случай. Всё то же самое.

[Erl]

Алексей Ярков, почитаю, спасибо за советы