如何删除vuejs中模态上的OK按钮

Question

<div class="image-user">
     <img width="100px" src="/local/img/backend/user.jpeg" alt />
     <span @click="showModal()" class="see-more">See more...</span>
</div>

<a-modal
  :visible="visibleModal"
  @cancel="handleCancel"
  >
  <template slot="title">
     <div style="display: flex;">
       <span style="flex: 1;">TEST</span>
     </div>
  </template>
</a-modal>

<script>
import {Modal} from "ant-design-vue";
Vue.use(Modal);

export default {
 data() {
   return {
     visibleModal: false,
  }
 },
 showModal() {
   this.visibleModal = true;
 },
handleCancel() {
  this.visibleModal = false;
},


}
 </script>

你好。我正在做一个查看多张照片的函数，当我点击see more时，会出现一个显示多张照片的模式。我做了模态展示。但是上面有两个按钮，cancel和OK，现在我想删除OK按钮，我该怎么做呢？谢谢

​

​

Answer 1

使用页脚槽

<a-modal
  :visible="visibleModal"
  @cancel="handleCancel"
  >
  <template slot="title">
     <div style="display: flex;">
       <span style="flex: 1;">TEST</span>
     </div>
  </template>
  <template slot="footer">
     <a-button key="back" @click="handleCancel">
       Cancel
      </a-button>
  </template>
</a-modal>