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刪除。



猜您在找 elementUI vue this.$confirm 和el-dialog 彈出框 移動 el-dialog 無法彈出來 vue+element項目中使用el-dialog彈出Tree控件報錯問題 vue Element,el-dialog彈出層拖拽及拉伸、雙擊全屏 el-dialog彈出框被遮罩層擋住了 el-dialog樣式 ElementUI+Vue在使用el-dialog時,如何做到在彈出dialog時,外部呈鎖定狀態,而不是點擊外部導致dialog直接關閉。 餓了么element UI 彈出層 修改默認樣式不能在