亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

Vue中關閉彈窗組件時銷毀并隱藏操作

瀏覽:63日期:2022-12-01 11:56:06

背景:在dialog彈窗組件中執行mounted鉤子,將數據初始化,等取消關閉彈窗后,發現mounted鉤子不執行

原因:在vue的生命周期中,在頁面初始化的時候mounted只會執行一次,關閉彈窗頁面并沒有銷毀,所以不會再次執行

<select-experience-group :trialMoneyRecordID=trialMoneyRecordID :showExperienceGroup=’showExperienceGroup’ @closeCover='handleExperienceGroup'></select-experience-group>

解決辦法:就是隱藏dialog的時候要銷毀這個dialog。給dialog加v-if,在關閉dialog的時候將v-if設置為false這樣會直接將其從DOM結構中抹除,到此問題解決。

修改后代碼:

<select-experience-group :trialMoneyRecordID=trialMoneyRecordID :showExperienceGroup=’showExperienceGroup’ v-if='showExperienceGroup' //利用v-if對頁面進行銷毀@closeCover='handleExperienceGroup'></select-experience-group>

補充知識:vue element-ui Dialog對話框關閉后重新打開數據不清空

重置表單的方法

this.$refs[formRef].resetFields();

不是表單中的數據,也需要重置

this.$data = this.$options.data();

以上這篇Vue中關閉彈窗組件時銷毀并隱藏操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 又黄又爽的成人免费视频播放 | 三级毛片在线播放 | 2022国产情侣真实露脸在线 | 青青伊人影院 | 成人免费黄色片 | 亚洲精品欧美精品日韩精品 | aaa级大片| 黄色的视频在线免费观看 | asian极品呦女69 | 日韩精品电影一区 | 日本黄色免费网站 | 亚洲高清专区 | 日韩精品中文乱码在线观看 | 国产精品亚洲第一区广西莫菁 | 37pao成人国产永久免费视频 | 99精品国产美女福到在线不卡 | 九九黄色网 | 国产美女极品免费视频 | a级黄色毛片三个搞一 | 伊人狼人综合 | 久久久久夜色精品波多野结衣 | 成年女人免费又黄又爽视频 | 在线观看爱爱视频 | 午夜资源在线 | 国产日韩欧美精品 | 免费一级黄色大片 | 中文字幕在线观 | 国产亚洲精品福利在线 | 成人国产精品一级毛片天堂 | 91久久亚洲精品国产一区二区 | 国产91精品在线观看 | 狠狠色噜噜狠狠狠狠888奇米 | 国产一级三级三级在线视 | 国内视频一区二区 | 中国女警察一级毛片视频 | a级黄色网址 | 黄色短片免费看 | 欧美亚洲国产成人精品 | 2020国产成人精品免费视频 | 在线精品国内外视频 | 99国产精品欧美久久久久久影院 |