在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>
