默认情况下,点击确定按钮时会自动关闭对话框。如果希望点击确定时阻止关闭对话框,则可以禁用内置的确定和取消按钮,而使用slot插入自定义的底部按钮组。实现代码如下:
<Modal title="登录" v-model="showRejectModal" draggable :footer-hide="true">
<!-- 自定义内容,例如表单 -->
<div slot="footer">
<Button type="text" size="large" @click="showModal=false">取消</Button>
<Button type="primary" size="large" @click="doSomething">登录</Button>
</div>
</Modal>