javascript - Vue.js 在启动时清除引导对话框绑定数据

Question

我有一个引导模式对话框：

<update-dialog id="updateDlg" :items="items" />

单击主页上的按钮即可启动：

<button class="btn btn-danger btn-block"
        data-toggle="modal"
        data-target="#updateDlg">
  Update
</button>

每次显示模态时是否可以执行一些逻辑？就像某种初始化动作。我只是想清除之前设置的值。

标签： javascripttwitter-bootstrapvue.jsbootstrap-modal

Answer 1

我找到的答案是在组件中设置一个事件mounted：

mounted() {
  $('#updateDlg').on('show.bs.modal', (e) => {
    this.reset(); // reset logic here
  });
}