如何在vuejs中cacth 'hidden.bs.modal‘？

在Vue.js中捕获'hidden.bs.modal'事件，可以通过以下步骤实现：

1. 首先，确保你已经在Vue.js项目中引入了Bootstrap和jQuery，因为Bootstrap的模态框组件需要依赖这两个库。
2. 在Vue组件中，使用mounted生命周期钩子函数来监听模态框的隐藏事件。在该钩子函数中，可以使用jQuery的on方法来绑定事件监听器。

mounted() {
  $(this.$refs.modal).on('hidden.bs.modal', this.handleModalHidden);
},
methods: {
  handleModalHidden() {
    // 在模态框隐藏时执行的逻辑
  }
}

1. 在模板中，使用ref属性给模态框元素添加一个引用，以便在Vue组件中访问该元素。

<template>
  <div>
    <button @click="showModal">打开模态框</button>
    <div ref="modal" class="modal fade">
      <!-- 模态框内容 -->
    </div>
  </div>
</template>

在上述代码中，@click绑定了一个方法showModal，用于打开模态框。模态框的元素使用ref属性添加了一个引用modal，在Vue组件中可以通过this.$refs.modal来访问该元素。

1. 在handleModalHidden方法中，可以编写在模态框隐藏时需要执行的逻辑代码。

methods: {
  handleModalHidden() {
    // 在模态框隐藏时执行的逻辑
    console.log('模态框已隐藏');
  }
}

这样，当模态框隐藏时，Vue组件就会捕获到'hidden.bs.modal'事件，并执行相应的逻辑。

需要注意的是，上述代码中使用了jQuery来绑定事件监听器，这是因为Bootstrap的模态框组件依赖于jQuery。如果你不想使用jQuery，可以考虑使用其他基于Vue.js的模态框组件，如Vue-Bootstrap或Element UI，它们提供了更纯粹的Vue.js实现方式。