vue 彈窗調用父窗口函數


 

目前再用 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屬性,使其關閉彈窗。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM