Получить данные с Vuex внутри validate()

27 августа 2021, 01:10

Всем привет. Есть такой код:

<template> 
 
  <div class="wrapper"> 
 
    <HeaderApp> 
 
      <DivHeaderMenu> 
      </DivHeaderMenu> 
 
    </HeaderApp> 
 
    <CenterContentDinamicFirmenistorieApp> 
    </CenterContentDinamicFirmenistorieApp> 
 
    <FooterApp> 
    </FooterApp> 
 
  </div> 
 
</template> 
 
<script> 
  //company_history 
  import axios from 'axios'; 
  import HeaderApp from '~/components/HeaderApp'; 
  import FooterApp from '~/components/FooterApp'; 
  import CenterContentDinamicFirmenistorieApp from '~/components/CenterContentDinamicFirmenistorieApp' 
  import DivHeaderMenu from '~/components/DivHeaderMenu'; 
  import Pixelperfect from '~/components/Pixelperfect'; 
 
  export default{ 
 
  fetch ({ store, params }) { 
    return axios.get('http://seo-gmbh.eu/json/api_sunds.php?action=get_pages&url=company_history') 
    .then((res) => { 
      store.commit('company_history/init_data_for_firmenistorie', res.data); 
    }) 
  }, 
 
 
  validate(data) { 
 
    console.log(this.$store.state.company_history.dbFirmenstorie.dbFirmenistorieSortArrayData); 
 
    return true; 
 
  },

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

При потытке внутри validate() получить данные из Vuex хранилища - возникает проблема.(данные не найдены.) Вопрос: Какие варианты могут быть в плане решения, если учесть, что со стороны хранилища проблема исключена. (и в дату такой же точно параметр прилетает без ошибки)

Answer 1

В функцию validate первым параметром передается context и с помощью деструктуризации объекта context можно получить store & params

validate({ store, params }) {
  // eslint-disable-next-line no-console
  console.log(store.state.company_history.dbFirmenstorie.dbFirmenistorieSortArrayData);
  // eslint-disable-next-line no-console
  console.log(params);
  return true;
}