通过事件自动关闭 this.$alert 弹框

在Vue.js中，如果你想创建一个弹出框组件`this.$alert`并在某个特定事件发生后自动关闭，你可以这样做：

首先，在你的组件内部定义`$alert`，并提供一个自定义的关闭方法，例如：

export default {
  methods: {
    showAlert(message) {
      this.$alert({
        title: '提示',
        message,
        type: 'info', // 或者你想用的类型，如'text'、'success'等
        showClose: true, // 显示关闭按钮
        onclose: () => { // 当关闭时触发的函数
          this.$alert.close(); // 关闭当前的alert实例
        }
      });
    },
    onCloseAlert() {
      this.$alert.close();
    } // 另外可以在外部直接调用的地方定义一个关闭方法
  }
}

然后在需要关闭的事件处理函数中调用`onCloseAlert`方法，比如用户点击确定按钮或全局监听某个事件：

<button @click="onCloseAlert">关闭</button>
<!-- 或者 -->
<some-component @event-to-close="onCloseAlert" />

当`onCloseAlert`被触发时，就会自动关闭`this.$alert`的弹框。