解決父組件將子組件作為彈窗調用只執(zhí)行一次created的問題
更新時間：2020年07月24日 09:14:25 作者：Coca~cola
這篇文章主要介紹了解決父組件將子組件作為彈窗調用只執(zhí)行一次created的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1、問題原因
因為第一調用渲染子組件后，不再對子組件的created進行調用
2、解決方法
用v-if將子組件包裹起來，因為v-if=false時可以將子組件銷毀掉，再次調用時重新渲染
3、上圖
初始默認dialogVisible1=false，當執(zhí)行打開窗口的操作時dialogVisible1為true，當關閉窗口時dialogVisible1=false，從而每一次進入彈窗都會重新渲染整個子組件。
補充知識：vue如何每次打開子組件彈窗都進行初始化
:visible.sync 與 v-if同時使用即可。
以上這篇解決父組件將子組件作為彈窗調用只執(zhí)行一次created的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
v3-drag-zoom 是基于 vue3 開發(fā)的一個縮放拖拽組件,方便開發(fā)者快速實現縮放拖拽功能,效果類似地圖的縮放與拖拽,本文給大家介紹了vue3如何快速實現圖片縮放拖拽功能,感興趣的朋友可以參考下2024-04-04
vue.js 解決v-model讓select默認選中不生效的問題
這篇文章主要介紹了vue.js 解決v-model讓select默認選中不生效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue通過ref獲取dom元素屬性的方法,文中有詳細的方法介紹,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2023-11-11
這篇文章主要為大家介紹了vue3封裝一個帶動畫的關閉按鈕示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要介紹了vue.config.js中的devServer使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
用vue開發(fā)項目上線以后,發(fā)現首頁加載速度非常慢,如果項目比較大,甚至可能出現10s以上的等待,下面這篇文章主要給大家介紹了關于vue項目優(yōu)化的相關資料,需要的朋友可以參考下2022-09-09
vue項目打包后上傳至GitHub并實現github-pages的預覽
這篇文章主要介紹了vue項目打包后上傳至GitHub并實現github-pages的預覽，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
關于配置babel-plugin-import報錯的坑及解決
這篇文章主要介紹了關于配置babel-plugin-import報錯的坑及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了基于 Vue 的 Electron 項目搭建過程，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
這篇文章主要介紹了vant之關于van-list的使用以及一些坑的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06