van-popup closeable事件

Van-popup 是一个基于 Vue.js 的弹出层组件库，它提供了 closeable 属性用于控制是否显示关闭按钮。当 closeable 属性为 true 时，弹出层会显示一个关闭按钮，并且可以通过监听 close 事件来处理关闭操作。

具体实现方式如下：

1. 在 Van-popup 组件中添加 closeable 属性：

<van-popup v-model="showPopup" :closeable="true" @close="onClose">
  <!-- 弹出层内容 -->
</van-popup>

2. 在组件的 data 中添加 showPopup 属性，并在 onClose 方法中将其设为 false，以关闭弹出层：

<template>
  <van-popup v-model="showPopup" :closeable="true" @close="onClose">
    <!-- 弹出层内容 -->
  </van-popup>
</template>

<script>
export default {
  data() {
    return {
      showPopup: false
    };
  },
  methods: {
    onClose() {
      this.showPopup = false;
    }
  }
};
</script>

这样，当用户点击关闭按钮时，会触发 close 事件，执行 onClose 方法，将 showPopup 属性设为 false，从而关闭弹出层。