ant design vue 的ele-modal不显示底部取消确认按钮

在Ant Design Vue中，如果你想要在a-modal（ele-modal 是旧称，可能你指的是 a-modal）中不显示底部的取消和确认按钮，你可以通过设置footer属性为null或者不包含footer属性来实现。

下面是一个不包含底部按钮的a-modal组件的例子：

<template>
  <a-modal
    title="不显示底部按钮的对话框"
    :visible="visible"
    @ok="handleOk"
    @cancel="handleCancel"
  >
    <p>这里是对话框的内容...</p>
    <!-- 不包含footer属性，即不会显示底部按钮 -->
  </a-modal>
</template>
 
<script>
export default {
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    showModal() {
      this.visible = true;
    },
    handleOk(e) {
      console.log('点击了确定');
      this.visible = false;
    },
    handleCancel(e) {
      console.log('点击了取消');
      this.visible = false;
    },
  },
};
</script>

在这个例子中，a-modal 组件没有包含 footer 属性，这意味着底部的按钮不会显示。你可以通过点击对话框标题栏右上角的关闭按钮或者点击遮罩层来关闭对话框。如果需要通过代码控制对话框的显示与隐藏，可以通过visible数据属性和相应的方法。