av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

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

瀏覽:111日期: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
相關文章:
主站蜘蛛池模板: 亚洲视频免费在线播放 | 欧美一区二区视频 | 亚洲一区二区视频 | www.欧美| 久久久精彩视频 | 久久久久免费观看 | 欧美小视频在线观看 | 91精品国产综合久久福利软件 | 一级黄在线观看 | 国产精品一区二区三区四区 | 亚洲成人综合社区 | 自拍视频精品 | 久久91 | 日本一区二区高清不卡 | 久久久久久国产一区二区三区 | 欧美在线资源 | 黄色大片在线免费观看 | 99在线国产 | 欧美国产免费 | 97色在线观看免费视频 | 天天插天天搞 | 久久久蜜臀国产一区二区 | 性高湖久久久久久久久3小时 | 综合二区 | 国产一级在线视频 | 丁香婷婷久久久综合精品国产 | 国产 欧美 日韩 一区 | 久久久精品一区 | 国产99久久精品一区二区永久免费 | 精精久久| 亚洲一区二区不卡在线观看 | 亚洲 欧美 另类 日韩 | 亚洲福利在线视频 | 日日夜夜免费精品视频 | 男女羞羞在线观看 | 国产美女一区二区 | 国产做a爱片久久毛片 | 我要看免费一级毛片 | 国产精品高潮呻吟久久av野狼 | 国产精品日韩欧美一区二区三区 | 国产高清免费 |