在将所选值从“国家/地区”字段继承到广告系列字段时，我遇到了一些麻烦。

我有2个子组件（国家/地区和广告系列），都使用Vue-multiselect。

我使用country作为广告系列组成部分的道具，因为广告系列中的列表取决于用户选择的国家/地区。

这是我的主要字段表格：

    <Country 
        :load-data="form.country"
        v-on:country-select="countrySelected"
        v-on:country-remove="countryRemove">
    </Country>
             
    <Campaign
        :load-data="form.campaign"
        :country="countrySelected"
        v-on:campaign-select="CampaignSelected"
        v-on:campaign-remove="CampaignRemove">
    </Campaign>

这是我的广告系列子组件：

    <multiselect 
       tag-placeholder="Add this as new campaign name"
       placeholder="Search or add a campaign name"
       v-model="value" 
       :options="options" 
       label="name"
       track-by="id"
       :multiple="true"
       :taggable="true"
       :disabled="this.disabled"
       @select="selected"
       @remove="remove">
    </multiselect>

我将country声明为道具：

props: 
    {
        country:''
    },

获取广告系列的方法：

TableFilterService.getcampaignNames()
    .then((response) => {
        this.options = response;
    })
    .catch((error) => {
        console.error(error);
    });

广告活动样本数据：

data: 
    {
        au : 
            {
               id : '1111',name: 'ddddd' 
            }
    }