el-message在vue3中使用插槽自定义内容，关闭的icon换成按钮

在Vue3中，`el-message`组件是Element Plus库中的消息提示组件。如果你想在`el-message`中通过插槽（slot）来自定义关闭按钮的内容，你可以这样做：

首先，你需要在你的模板文件（如`.vue`文件）中引入`ElMessage`并设置默认的插槽（default slot）。默认插槽是你添加到`<template>`标签内的内容，它会被`el-message`组件渲染。

<template>
  <el-message :message="yourCustomMessage" type="info">
    <!-- 这里就是你的自定义内容 -->
    <template #closeButton>
      <!-- 自定义关闭按钮，比如一个按钮元素 -->
      <button @click="$refs.message.close()">关闭</button>
    </template>
  </el-message>
</template>

<script>
import { ElMessage } from 'element-plus';

export default {
  components: {
    ElMessage,
  },
  data() {
    return {
      yourCustomMessage: '这是你的自定义消息',
    };
  },
  methods: {
    closeMessage() {
      this.$refs.message.close(); // 当需要手动关闭时调用这个方法
    },
  },
};
</script>

在这个例子中，我们使用了`#closeButton`命名的插槽，并在其中放置了一个点击事件监听的按钮。当用户点击这个按钮时，可以调用自己的`closeMessage`方法来关闭消息。