<div >
<img width="100px" src="/local/img/backend/user.jpeg" alt />
<span @click="showModal()" >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按鈕，我該怎么做呢？謝謝
uj5u.com熱心網友回復：
使用頁腳插槽：
<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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/379072.html
上一篇：如何替換vue.js中的斜杠