<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> Hola. Estoy haciendo una función para ver varias fotos, cuando hago clic en see more , aparecerá un modal que mostrará muchas fotos. Hice la visualización modal. Pero en él hay dos botones, cancel y OK , ahora quiero eliminar ese botón OK , ¿cómo hago eso? Gracias
Utilice la ranura de pie de página :
<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>