vue元件el-dialog重新執行mounted方法的技巧

愛餘星痕發表於2018-12-16

在Vue開發中,有時需要我在同一個列表中,多次載入同一個元件,但問題來了。
該元件只在頁面載入中,載入一次,後面不會再載入了,如el-dialog,解決辦法如下,在el-dialog外再加一層div.
示例程式碼如下:

   <div v-if="dialogFormVisibleAdd">
        <el-dialog :title="dialogAddOrEdit"  
:visible="dialogFormVisibleAdd"   :modal="dialogFormVisibleAdd"  
 :before-close="openAddDialogClose">

     ..

        </el-dialog>
        </div>

div中以v-if來控制元件el-dialog的出現與否,每次彈出el-dialog,都會執行mounted,而不加div,只會執行一次。
如果你有更好的解決辦法,可以給我留一下言,畢竟我不是專業的前端。
我的部落格即將入駐“雲棲社群”,誠邀技術同仁一同入駐。


相關文章