Отсутствует требуемый реквизит при использовании стража маршрута beforeEnter () - PullRequest
Новая
       7

Отсутствует требуемый реквизит при использовании стража маршрута beforeEnter ()

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

Я пытаюсь получить данные из API, используя beforeEnter() route guard, но получаю сообщение об ошибке:

Missing required prop: "rides"

Вот мой код.

router.js 

{
   path: '/',
   name: 'home',
   component: () => import('./components/main.vue'),
   props: true,
   beforeEnter(to, from, next) {
     store.dispatch('ride/fetchRides').then(rides => {
       to.params.rides = rides
       next()
     })
   }
}

actions.js 

fetchRides({ commit, dispatch }) {
    return statistcsService.ridesForCurrentWeek()
      .then(response => {
        commit('SET_RIDES', response.data)
        return response.data
      })
      .catch(error => {
        const notification = {
          type: 'danger',
          message: 'There was a problem fetching your rides'
        }
        dispatch('notification/add', notification, { root: true })
        throw error
      })
  }

Index.vue 

<script>
    export default {
      props: {
        rides: {
          type: Array,
          required: true
        }
      }
    ...
  }
</script>

Чего мне не хватает? В компоненте установлена ​​опора, поэтому я не уверен, почему он плачет. Я подтвердил, что на 100% я получаю данные из ответа API.

1 Ответ

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

Вы забыли добавить свойство rides в свой HTML-код для этого компонента.Согласно сообщению об ошибке - это проблема.

Пример: 

<component :rides="rides"></component>
...