目前再用 ant D 設計開發頁面,使用a-model對話框彈出后,內容嵌套了一個自定義組件,且對話框去掉了原有按鈕,改為自定義,導致無法關閉當前窗口。
footer:設置去掉底部“確定”,“取消”按鈕為空
@cancel:取消事件
1 <!-- 彈窗 --> 2 <j-modal 3 :visible.sync="jmodal_entity.visible" 4 :title="jmodal_entity.title" 5 :keyboard="true" 6 width="90%" 7 switchFullscreen 8 :fullscreen.sync="jmodal_entity.fullscreen" 10 @cancel="handleCancel" 11 footer 12 > 13 <applyForm :record="recordData" @cancel="handleCancel" /> 14 </j-modal>
在applyForm 使用時,傳入函數。
applyForm中調用該函數的方法為
this.$emit('cancel')
通過cancel即可調用到父界面的handleCancel函數,即可操作a-model標簽的visable屬性,使其關閉彈窗。
