在下拉列表中，我收到“无法读取未定义的属性‘office’”错误

Question

据我所知，所有的设置都是正确的，但仍然会抛出这个错误。我知道数据就在那里，就像我在之前的迭代中所做的那样，它工作得很好。我是不是遗漏了什么？

还是我走错路了？

    <div class="col-12">
      <div class="form-group">
        <label>Escrow Office</label>
        <v-select
            class="highlights"
            :options="select.offices"
            :on-change="selectOffice"
            :searchable="false"
            :clear-search-on-select="false"
            v-model="select.officeSelected"
        ></v-select>
      </div>
    </div>
data() {
  return {
    now: new Date().toISOString(),
    document: {
      escrow_office_id: 1,
    }
  }
},
methods: {
  init(){
    if(this.listing != null) {
            getEscrow() {
               this.page.loading = true;
               axios.get('/api/v2/escrows/' + this.page.id, {headers: {'Authorization': 
               'Bearer ' + this.$root.access_token}})
            .then(response => {
               this.escrow = response.data.escrow;
               this.document.escrow_office_id = response.data.escrow.escrow_office_id;
               this.select.officeSelected = this.select.offices.find(x => x.value === 
               this.form.escrow_office_id);
            })
            .catch(e => {
             var err = (!!e.response ? (!!e.response.data ? (!!e.response.data.error ? 
             e.response.data.error : '') : '') : '');
              if (err != "") this.$noty.error("Error: " + err);
              else this.$noty.error("Cannot call getEscrow()");
            })
            .finally(() => {
            this.page.loading = false;
      });
  },
  getShared() {
    this.select.offices = this.$root.shared.escrow_offices;
  },
  selectOffice(option) {
    this.select.officeSelected = option;
    this.document.escrow_office_id = option.value;
  },
},
    }
  }
}

mounted() {
  this.getShared();
  this.getEscrow();
  setTimeout(() => { this.loaded = true; }, 1000);
},

Answer 1

您需要从数据函数返回select。

data() {
    return {
        select: // Your select object
        now: new Date().toISOString(),
        document: {
            escrow_office_id: 1
        }
    };
}