nastya_zholudeva
@nastya_zholudeva

Как «добраться» до геттера при такой структуре store?

Как "добраться" до геттера при такой структуре?
5b4f612088383663101791.png
// sliders.js
import api from '../config/api/client'

// initial state
export const state = () => ({
  info: {}
})

// getters
export const getters = {
  newProducts(state) {
    return state.info.newProducts
  }
}

// actions
export const actions = {
  getNewProductsSlider ({ commit }) {
    return api.get('v1/mainpage-info').then(result => {
      console.log('result', result.data.info.newProducts)
      commit('setNewProductsSlider', result.data.info)
    })
  }
}

// mutations
export const mutations = {
  setNewProductsSlider (state, data) {
    state.newProductsSlider = data
  }
}


Я пробовала так
computed:{
      ...mapGetters(['sliders/newProducts'])
    },

Но получаю ошибку "Property or method "newProducts" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property."
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
nastya_zholudeva
@nastya_zholudeva Автор вопроса
Вот такое решение помогло
computed: mapGetters({
      newProducts: 'sliders/newProducts'
    }),
created () {
      this.$store.dispatch('sliders/getNewProductsSlider')
    }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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