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中強制元件重新渲染的正確方法Vue元件
- Vue 中 強制元件重新渲染的正確方法Vue元件
- 重新思考 Vue 元件的定義Vue元件
- vue 動態建立元件(執行時建立元件)Vue元件
- Cookbook:優化 Vue 元件的執行時效能優化Vue元件
- Vue下拉重新整理元件Vue元件
- vue移動端下拉重新整理和上拉載入元件,體積小執行快Vue元件
- vue父元件和子元件的生命週期到底誰先執行?Vue元件
- 封裝Vue元件的一些技巧封裝Vue元件
- vue 父子元件的方法呼叫Vue元件
- 一模一樣的SQL重新解析即重新生成執行計劃的方法SQL
- vue父子元件傳參後,子元件重新初始化Vue元件
- 構建Vue.js元件的10個技巧Vue.js元件
- 【轉】vue mounted 呼叫兩次的解決辦法Vue
- Vue元件的基本使用方法Vue元件
- Vue 子元件呼叫父元件方法總結Vue元件
- Linux 技巧:讓程式在後臺可靠執行的幾種方法Linux
- 埋坑一: vue中子元件呼叫兄弟元件方法Vue元件
- MV快速重新整理時執行的SQLSQL
- vue重新整理當前頁面或者當前元件Vue元件
- Vue作為元件在前端專案中的應用技巧Vue元件前端
- Vue元件公用方法如何提取mixinVue元件
- vue中使用el-dialog + axios 實現攔截器VueiOS
- Java執行緒的5個使用技巧Java執行緒
- 我的元件之執行緒類元件執行緒
- VUE:教你如何執行vue專案Vue
- Vue路由元件按需載入的幾種方法Vue路由元件
- 我的 vue 學習記錄2: 子元件呼叫父元件的方法Vue元件
- Vue 子元件和父元件傳遞資料與方法的例子Vue元件
- Vue父子元件生命週期執行順序及鉤子函式的個人理解Vue元件函式
- Vue中元件通訊的幾種方法(Vue3的7種和Vue2的12種元件通訊)Vue元件
- 多執行緒(五)---執行緒的Yield方法執行緒
- 停止 FutrueBuilder 的重複重新整理和執行UI
- 執行緒的快取何時重新整理?執行緒快取
- Vue的元件Vue元件
- vue3 設定el-dialog height超過捲軸Vue
- Vue 元件間通訊方法彙總Vue元件
- 前端神器:一行命令,React 元件轉 Vue 元件!前端React元件Vue