javascript - 收到类型错误 : "option is undefined" error message

Question

我的下拉菜单似乎工作正常，但现在我突然收到此错误。我已经尝试改变这里的很多东西，但似乎无法弄清楚这一点。数据类型是错误的还是我只是调用了一些时髦的东西？

如果您能了解我在这里没有看到的内容，我将不胜感激!

   <div class="col-sm-12 col-md-6 col-lg-4">
    <div class="form-group">
      <label>Deposit Holder</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(),
    loaded: false,
    document: {
      office_id: null,
    },
    select: {
      offices: [
        {
          'value': 1,
          'label': 'Nu World Title Kendall',
        },
        {
          'value': 2,
          'label': 'Nu World Title KW Kendall Office',
        },
        {
          'value': 3,
          'label': 'Nu World Title Miramar',
        },
        {
          'value': 4,
          'label': 'Nu World Title Davie',
        },
        {
          'value': 5,
          'label': 'Nu World Title Doral',
        },
        {
          'value': 6,
          'label': 'Nu World Title Miami Lakes',
        },
        {
          'value': 7,
          'label': 'Sanchez Vadillo Coral Gables',
        }
      ],
      officeSelected: '',
    }

methods: {
  selectOffice(option) {
    this.select.officeSelected = option;
    this.document.office_id = option.value;
  },

mounted() {
  this.selectOffice();
},

Answer 1

在 mounted 中，您调用 this.selectOffice() 但不向其传递任何参数。然后，selectOffice 方法尝试访问 option.value，但由于您没有传递任何内容，option 将为 undefined >.

我希望该错误消息会附带堆栈跟踪，这将表明哪些函数涉及导致问题。