SPART4K63
@SPART4K63
front-end developer

Почему не заполняется state?

Хотел попробовать вывести информацию в страницу.

store/index.js
import axios from 'axios'
export const state = () => ({
  products: []
})

export const mutations = {
  SET_PRODUCTS_TO_STATE: (state,products) => {
    state.products = products;
  }
}

export const actions = {
  GET_PRODUCTS_FROM_API({commit}) {
      return axios('https://jsonplaceholder.typicode.com/todos/1',{
        method: "GET"
      })
      .then((products) => {
        comit('SET_PRODUCTS_TO_STATE', products);
        return products;
      })
      .catch((error) => {
        console.log(error)
        return error;
      })
  }
}

export const getters = {
  PRODUCTS(state) {
    return state.products
  }
}

страница
<template>
	<div class="directory">
		<GoAway>
			<BaseH1 class="blue">Справочники</BaseH1>
		</GoAway>
		
	</div>
</template>

<script>
	import {mapActions, mapGetters} from 'vuex'
	export default {
		computed: {
			...mapGetters([
				'PRODUCTS'
			])
		},
		methods: {
			...mapActions([
				'GET_PRODUCTS_FROM_API'
			])
		},
		mounted() {
			this.GET_PRODUCTS_FROM_API()
		}
	}
</script>

В консоли выдает такое:
60a38f6e9dd8a619899412.png

И в vue dev tools мой products пустой:
60a38f9a2a1d7422100806.png

Что я сделал не так?
  • Вопрос задан
  • 73 просмотра
Решения вопроса 1
wapster92
@wapster92
commit('SET_PRODUCTS_TO_STATE', products);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы