vue元件el-dialog重新執行mounted方法的技巧
在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,只會執行一次。
如果你有更好的解決辦法,可以給我留一下言,畢竟我不是專業的前端。
我的部落格即將入駐“雲棲社群”,誠邀技術同仁一同入駐。
相關文章
- vue中methods、mounted等的使用方法解析Vue
- Vue 中 強制元件重新渲染的正確方法Vue元件
- Vue中強制元件重新渲染的正確方法Vue元件
- 重新思考 Vue 元件的定義Vue元件
- Cookbook:優化 Vue 元件的執行時效能優化Vue元件
- Vue下拉重新整理元件Vue元件
- vue移動端下拉重新整理和上拉載入元件,體積小執行快Vue元件
- vue父元件和子元件的生命週期到底誰先執行?Vue元件
- vue 父子元件的方法呼叫Vue元件
- 封裝Vue元件的一些技巧封裝Vue元件
- 【轉】vue mounted 呼叫兩次的解決辦法Vue
- vue父子元件傳參後,子元件重新初始化Vue元件
- 構建Vue.js元件的10個技巧Vue.js元件
- Vue元件的基本使用方法Vue元件
- vue子元件怎麼呼叫父元件的方法Vue元件
- Linux 技巧:讓程式在後臺可靠執行的幾種方法Linux
- vue中使用el-dialog + axios 實現攔截器VueiOS
- Vue 子元件呼叫父元件方法總結Vue元件
- vue3 設定el-dialog height超過捲軸Vue
- Vue 子元件不重新整理,父元件資料改變子元件不變化Vue元件
- 提高Python執行效率的5個技巧!Python
- 埋坑一: vue中子元件呼叫兄弟元件方法Vue元件
- C# 開發技巧 輕鬆監控方法執行耗時C#
- 多執行緒(五)---執行緒的Yield方法執行緒
- Vue作為元件在前端專案中的應用技巧Vue元件前端
- vue重新整理當前頁面或者當前元件Vue元件
- Vue元件公用方法如何提取mixinVue元件
- 停止 FutrueBuilder 的重複重新整理和執行UI
- 執行緒的快取何時重新整理?執行緒快取
- 我的 vue 學習記錄2: 子元件呼叫父元件的方法Vue元件
- Ant Design Vue 表單元件未提及的方法Vue元件
- Vue路由元件按需載入的幾種方法Vue路由元件
- 父元件重新整理子元件也重新整理元件
- Vue 子元件和父元件傳遞資料與方法的例子Vue元件
- 【Java】ConcurrentHashMap執行緒安全技巧JavaHashMap執行緒
- VUE:教你如何執行vue專案Vue
- Golang 使用執行命令帶管道符執行的方法Golang
- Vue中元件通訊的幾種方法(Vue3的7種和Vue2的12種元件通訊)Vue元件