Почему вычисляемое свойство не обновляется?

Question

[Сева]

computed: {
    ...mapGetters(['products', 'categories']),
    category () {
      return this.categories.find(category => category.id === this.$route.params.category)
    }
  },

Когда компонент монтируется - массив categories пустой. Из другого компонента по его mounted отправляется экшн, и categories заполняется. Однако, category как был undefined, так и остается.

Как принято поступать в таких случаях? Спасибо.

Answer 1

[0xD34F]

category.id === this.$route.params.category

Я бы предположил, что проблема здесь. Существует ли объект с id, указанным в $route.params.category? И не получается ли так, что вы пытаетесь сравнивать значения разных типов? - скажем, category.id является числом, а params.category строкой.

Comments

[Klein Maximus]

Поддержу! Хрен там знает, какие данные пришли в параметрах роута. Скорее всего у Вас в сравнении разные типы, например, Number и String. Попробуйте приводить к одному типу, либо использовать "нестрогое" равенство (==).