Vue——每次彈出el-dialog,都會執行mounted


在Vue開發中,有時需要我在同一個頁面或列表中,多次加載同一個組件,但問題來了。(例如使用:新增、編輯、詳情,使用彈框組件時)
該組件只在頁面加載中,加載一次,后面不會再加載了,如el-dialog,解決辦法如下,在el-dialog外再加一層div.

div中以v-if來控制組件el-dialog的出現與否,每次彈出el-dialog,都會執行mounted,而不加div,只會執行一次。

<div v-if="isShow"> <ZDialog ref="zyxdialog" :title="title" :isShow="isShow" @hideDialog="isShow = false" > <NewShelf :shelfXX="shelfModel" :type="shelfType" v-if="isNewShelf" @dialogHide="dialogHide($event)" ></NewShelf> </ZDialog> </div>


免責聲明!

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



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