Я использую bootstrap-formhelpers в проекте vue.Проект не 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 также работает, но состояние обновления не выбрано, выберите содержимое, дайте мнекак обновить контент в соответствии с выбранной страной.Спасибо с наилучшими пожеланиями!