Question

我已经在Vuejs完成了我的应用程序，现在我决定＆＃34;重写＆＃34;由于SSR，Nuxt上的一切:) 我得到了所有东西，但是有一个我没有得到的吸气剂......即使我努力了也不能确定我错过了什么，我无法解决这个问题。

我正在使用vuex模块，所以我的/store/categories.js看起来像：

export const state = () =>  ({
  categories: [
    {
          name: 'category 1',
         id: '1'
         subcategories: [
        {
           name: 'Subcategory 1',
            id: '1.1'
        }
      ]
    },
    {
      name: 'category 2',
      id: '2',
      subcategories: [
        {
          name: 'Subcategory 2',
          id: '1.1'
        }
      ]
    }
  ]
})
export const getters = () => ({
filterCategory() {
    return state.categories
  },
})

这是一个简单的吸气剂，我甚至无法做到这一点。

这是我的帖子/ test.vue页面：

<template>
  <div>
    <p>{{ filter }} </p>
    <p>{{ mainCategories }} </p>
  </div>
</template>
<script>

import { mapGetters } from 'vuex'

export default {
  name: 'test',
  layout: 'test',
  data () {
    return {
      search: '',
    }
  },
  computed: {
    ...mapGetters({
      filter: 'categories/filterCategory'
    }),
    mainCategories () {
      return this.$store.getters['categories/filterpazari']
    }
  },
}
</script>

我错过了什么？

Answer 1

字母应作为不起作用的对象导出。

正如Bert在评论中已经提到如何声明吸气剂。但是乍看之下找到解决方案有些麻烦。所以这是格式化的答案。

export const getters = {
  filterCategory() {
    return state.categories
  },
}

归功于 Bert

Vuex使用Nuxt存储未知的吸气剂

1 个答案: