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。

我希望该错误消息会附带一个堆栈跟踪，它会指出导致该问题的功能。

收到TypeError：“选项未定义”错误消息

1 个答案: