<vxe-modal> 里的关闭按钮如何绑定时间

<vxe-modal> 是 Element Plus 中的一个组件，用于显示弹出窗口。默认情况下，<vxe-modal> 组件会在弹出窗口的右上角显示一个关闭按钮，用于关闭弹出窗口。

如果想要在关闭按钮被点击时执行一些操作，可以使用 v-on 指令绑定事件。例如，如果你想在关闭按钮被点击时打印一条消息，可以这样写：

<template>
  <div>
    <vxe-modal v-model="showModal" title="弹出窗口">
      <p>这是一个弹出窗口。</p>
      <template #footer>
        <button @click="showModal = false">取消</button>
        <button @click="confirm">确定</button>
      </template>
      <template #cancel>
        <button @click="onCancel">关闭</button>
      </template>
    </vxe-modal>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showModal: false
    }
  },
  methods: {
    confirm() {
      // 点击确定按钮后的操作
    },
    onCancel() {
      console.log('关闭按钮被点击了')
    }
  }
}
</script>

在这个例子中，我们在 <vxe-modal> 组件中添加了一个名为 cancel 的插槽，用于自定义关闭按钮的内容。在插槽中，我们使用 @click 指令将 onCancel 方法绑定到关闭按钮上。当关闭按钮被点击时，onCancel 方法就会被调用，打印一条消息。