我正在制作一个网站,该网站具有发送 API 数据请求的选择表单和日期选择器表单。我想在每次更改这些表单时更新数据,然后不需要“提交”按钮。
选择通过使用“@change”完美地工作,但这对日期选择器没有任何影响。
模板是。
<div class="d-flex flex-row flex-nowrap">
<b-form-select v-model="region"
:options="regions"
class="select_box"
@change="get_data()"
/>
<b-form-datepicker id="first_day_datepicker"
v-model="first_day"
:min="min_day"
:max="max_day"
class="mb-2"
@change="get_data()"
/>
<b-form-datepicker id="last_day_datepicker"
v-model="last_day"
:min="min_day"
:max="max_day"
class="mb-2"
@on-change="get_data()"
/>
</div>
功能看起来像这样(例如简化)methods: {
get_data() {
console.log("Change data")
},
}
最佳答案
<b-form-datepicker>
控件没有change
事件在其event list .
但它确实有 input
更新时发出的事件 v-model
:
<b-form-datepicker id="first_day_datepicker"
v-model="first_day"
:min="min_day"
:max="max_day"
class="mb-2"
@input="get_data()"
/>
<b-form-datepicker id="last_day_datepicker"
v-model="last_day"
:min="min_day"
:max="max_day"
class="mb-2"
@input="get_data()"
/>
关于javascript - Vue @change 事件在 <b-form-datepicker/> 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66251930/