如何在vue组件中更新bfh-status

Question

我在vue项目中使用bootstrap-formhelpers。 项目不是SPA是laravel-mix项目 这是我的模板代码

<b-form-group label="Country" :label-cols="3" :horizontal="true">
    <b-form-select
        id="countries_states1"
        class="bfh-countries"
        :data-country="org_country"
        :plain="true"
        @change="changeCountry"
        v-model="org_country"
        required
        data-flags="true"
    ></b-form-select>
    </b-form-group>
<b-form-group label="State" :label-cols="3" :horizontal="true">
    <b-form-select name="state" class="bfh-states" data-state="CA" v-model="org_status"></b-form-select>
</b-form-group>

这是JavaScript代码

export default {
    data() {
        return {
        created_at: "",
        org_country: "US",
        org_status: ""
        };
    },
    mounted() {},
    methods: {
        changeCountry(e) {
        window.$(".bfh-states").bfhstates({ country: e, blank: false });
        }
    }
};

onchange功能也正常工作 但没有更新状态选择内容 让我如何根据所选国家/地区更新州内容。 谢谢 最好的问候！