Передача данных в nuxt fetch, отправка из магазина не работает

Question

Я пытаюсь передать параметр для хранения. $ Dispatch, но если я вызываю данные из данных, он говорит, что данные не определены.

Почему это не работает:

data () {
  return {
    year: '2019'
  }
},
async fetch({store}) {
    await store.dispatch('posts/fetchAll', this.year)
},

Но это так:

async fetch({store}) {
    await store.dispatch('posts/fetchAll', '2019')
},

Я использую veux и nuxt.

Обновление

Так что с первого ответа я могупонимаю, почему то, что я делал, не сработало. Но должен быть способ использовать выборку и обновить запрос на основе данных? Скажем, у меня была форма выбора, и я хотел, чтобы пользователи могли изменять данные в зависимости от года?

Answer 1

В документах написано:

Предупреждение: у вас нет доступа к экземпляру компонента через эту внутреннюю выборку, потому что он вызывается до запуска компонента.

Вы не можете получить доступ к this, потому что fetch вызывается на стороне сервера, а ваш data() на стороне клиента