Vue @change 事件在 <b-form-datepicker/> 中不起作用

Question

我正在制作一个网站，它有一个选择表单和日期选择器表单，用于发送 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>

函数看起来像这样（例如简化的）

<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>

Answer 1

该控件的事件列表中<b-form-datepicker>没有事件。change

但它确实有一个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()"
/>