Vuex: возникли проблемы с использованием геттера внутри представления

Question

У меня в магазине есть модуль с именем 'tasks', в котором есть этот геттер -

getTaskById: state => id => state.idToTask[id]

кажется довольно простым и базовым, idToTask - это просто объект с идентификаторами в качестве ключей.

Теперьв представлении (компонент, который отображает задачу) - он получает taskId как реквизит от маршрутизатора, я использую mapGetters, как это -

methods: {
...mapGetters('tasks', ['getTaskById'])
}

, и у меня вычисляется:

task() {
return this.getTaskById(this.taskId)
}

Я действительно не знаю, что здесь пошло не так, но я получаю сообщение об ошибке задания неопределенности (в шаблоне) по какой-то причине ...

И я просто скажу заранее, что я пытался

this.$store.getters['tasks/getTaskById'](taskId)

но это, похоже, не работает ...

Любая помощь?

Answer 1

Не обращайте внимания на мой комментарий, mapGetters должен идти в вычислениях, а не в методах.

computed: {
    ...mapGetters('tasks', ['getTaskById'])
}

https://vuex.vuejs.org/guide/getters.html

https://github.com/vuejs/vuex/issues/1136