Vue getters 不起作用 - 只能在函数字符串处获取内容

Question

Vuex 中的 getter 不起作用。为什么我没有 table 个对象？我在字符串中获取函数...

export const state = () => {
  return{
    users: [
      {name: 'Test', surname: 'Testowski'},
      {name: 'Michał', surname: 'Topór'},
      {name: 'Jan', surname: 'Janowski'},
      {name: 'Ewa', surname: 'Jakas'},
      {name: 'Tessst2', surname: 'Testowska'}
    ]
  }
}

export const getters = {
  getUsers: (state) => state.users
}

export default {
  name: "StatusPanel",
  computed:{
    users(){
      const tmp = this.$store.users.getters.getUsers;
      console.info(tmp);
      return tmp
    }
  }
}

有什么问题，为什么console.log是：

"ƒ getUsers(state) { return state.users; }"

我尝试在最后添加“()”来执行此函数，但随后： “无法读取未定义的属性 'users'”

我做错了什么？

Answer 1

根据此处的文档：https://vuex.vuejs.org/guide/getters.html

您的商店应定义为：

const store = new Vuex.Store({
  state: {
    users: [...]
  },
  getters: {
    users: state => state.users
  }
})

那么您应该可以访问 this.$store.getters.getUsers。我认为问题在于您没有使用 new Vuex.Store({...}).

Vue getters 不起作用 - 只能在函数字符串处获取内容

Vue getters dont work - only get content at string of function

vue.js

vuex