如何根据另一个对象在Vue中过滤下拉列表

Question

我有一个地址表格。地址表单的一部分是一个由对象填充的下拉列表，如下所示...

{
 'US': 'United States', 
 'MX': 'Mexico', 
 'CA': 'Canada', 
 'FR': 'France, 
 'NZ': 'New Zealand'
 }

组件...

     <dropdown
      :label="$t('placeholder.countryCode')"
      :options="countryCodeOptions"
      v-model="form.countryCode"
      name="countryCode"
    />

countryCodeOptions是世界上所有国家的完整json

如果用户选择更改送货地址（有条件的复选框），则会出现第二个下拉列表，例如，商家只能运送到美国，MX和CA，我如何根据另一个来过滤第二个下拉列表国家较少的物体？

第二个下拉列表需要...

{
 'US': 'United States', 
 'MX': 'Mexico', 
 'CA': 'Canada',
}

Answer 1

您可以使用计算属性。它未经测试，但可以为您提供思路，沿着哪条线继续前进。

Event {
  title: string,
  start: Date,
  end: Date,
  allDay?: boolean
  resource?: any,
}

您可以使用 目的地 将允许的目标国家/地区填充到您选择的输入中。