Wierd状态行为

Question

我只是一个VUEJS的初学者，当我尝试使用vuexstates时，我遇到了问题。有一个名为'login'的模块，在'login'模块中有下面的状态

state:{
  email: '',
  password: '',
  toast: ''
}

我试图使用this.$store.state.email访问vue应用程序中的状态，这给出了未定义的值。在经历了一整天的痛苦之后，我四处乱敲着头，我尝试了一下this.$store.state.login.email，它成功了。

它不应该是第一条路吗？

Answer 1

如果没有完整的代码，就无法真正判断，但我想您可能正在使用模块，登录是主存储的模块之一，所以要访问登录模块，您必须先通过主存储，然后是模块它自己，因此是this.$store.state.login.email。

如果您想了解更多关于Vuex模的信息，这里有一个链接。

Ps :您还可以像这样以计算属性的形式访问登录模块属性。

import { mapState } from "vuex";

export default {

   computed: {
       ...mapState ({
           email: state => state.login.email,
           password: state => state.login.password,
           ...
       }),
   },

}