Javascript 在v-bind中访问Vuex

我想从

v-bind

中的

Vuex

存储模块访问一个值

<input @blur="validate_field" 
       name="firstName" 
       placeholder="First Name" 
       :class="{fail: this.$store.state.formStore.signupForm.errors.firstName}"
/>

并将故障线路替换为：

:class="{fail: signupForm.errors.firstName}"

还有一大堆其他的东西，都没有用。有什么想法吗

编辑：这是我的商店：

const state = {
  // data
  formStore: {
    // data
    signupForm: {
    // data
      errors: {
        // NO data
      }
    }
  }
}

---

感谢@wes在评论中指出了关于反应性的文档

医生说：

由于现代JavaScript的局限性（以及 对象。请注意），Vue无法检测属性的添加或删除

我正在动态填充错误对象。事实证明Vue.js没有检测到这一点，因此无法对此做出反应

通过添加

firstName

，它可以：

const state = {
  // data
  formStore: {
    // data
    signupForm: {
    // data
      errors: {
        firstName: ''  <--------
      }
    }
  }
}

const state={
//资料
formStore：{
//资料
报名表格：{
//资料
错误：{
firstName:“”您将要开始使用。signupForm是您存储中的一个对象？您需要通过“状态”引用它，例如：this.$store.state.formStore…但是，这可能不起作用，具体取决于该对象的创建方式。它需要是反应式的，并且您可能需要对正在创建的特定属性使用getterafter@ceejayoz威尔在这种情况下，dn getter看起来是不是有些过火了？我只想在stateVue中的值更改时更新该类，因为它不知道对象的属性是否更改，除非您将其设置为特定的被动（）。因此，如果firstName发生更改，则侦听signupForm不会触发任何事件。您可以将getter设置为您关心的属性：name:state=>state.formStore.signupForm.errors.firstName查看存储的设置方式可能会有所帮助
const state = {
  // data
  formStore: {
    // data
    signupForm: {
    // data
      errors: {
        firstName: ''  <--------
      }
    }
  }
}