Vue.js Nuxt.js中的data（）中未定义变量

由于某种原因，今天早上这给我带来了麻烦，我就是不明白为什么它不起作用

我有一个变量“applications”集，它等于axios调用返回的数据。我想将“applications.name”作为字段包含在我的data（）中，以表单形式发送。但是，当我尝试此操作时，Vue会显示一个错误，提示“无法读取未定义的属性”name“

{{appenders.name}}和{{appenders.role}}在模板中工作，所以我不仅仅得到空数据

还有一件事，data（）似乎也因为某种原因无法识别我的“this.loggedInUser.id”字段。（我已导入Vuex和Mapgetter）

谢谢你的帮助！：）

---

尝试将此作为参数传递给数据属性函数：

data(vm) { //refers to this keyword
    return {
      applicants: [],
      application: {
        name: vm.applicants.name,
        status: null,
        company: null,
        role: vm.applicants.role
        // user:vm.loggedInUser.id

      }
    };
  }

或将

应用程序

作为计算属性：

data() {
    return {
      applicants: [],
    
    };
  }
,
computed:{
    application(){
        return {
        name: this.applicants.name,
        status: null,
        company: null,
        role: this.applicants.role
        // user: this.loggedInUser.id

      }
    }
}

---

尝试将此作为参数传递给数据属性函数：

data(vm) { //refers to this keyword
    return {
      applicants: [],
      application: {
        name: vm.applicants.name,
        status: null,
        company: null,
        role: vm.applicants.role
        // user:vm.loggedInUser.id

      }
    };
  }

或将

应用程序

作为计算属性：

data() {
    return {
      applicants: [],
    
    };
  }
,
computed:{
    application(){
        return {
        name: this.applicants.name,
        status: null,
        company: null,
        role: this.applicants.role
        // user: this.loggedInUser.id

      }
    }
}

---

我假设在初始化数据时，applicators.name和loggedInUser.id的值不存在。尝试像这样更改数据

data() {
    return {
        applicants: { name: '' },
        application: {
            name: this.applicants.name,
        },
        loggedInUser: { id: '' }
    };
}

---

我假设在初始化数据时，applicators.name和loggedInUser.id的值不存在。尝试像这样更改数据

data() {
    return {
        applicants: { name: '' },
        application: {
            name: this.applicants.name,
        },
        loggedInUser: { id: '' }
    };
}

---

computed属性解决方案对我很有效，你介意解释一下为什么变量也可以存储在computed属性中吗？我只能在上面找到显示操作data（）中变量的方法的文档。谢谢如果该数据依赖于其他数据，则应将其存储为计算属性，如果不依赖，则可在数据选项中声明计算属性解决方案对我有效，您是否介意解释一下为什么变量也可以存储在计算属性中？我只能在上面找到显示操作data（）中变量的方法的文档。谢谢若该数据依赖于其他数据，则应将其存储为computed属性，若不依赖，则可在data选项中声明