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

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

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

瀏覽:112日期: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
相關文章:
主站蜘蛛池模板: 伊人精品久久久久77777 | 成人久久久 | 国产精品99久久久久久www | 欧美精品久久 | 成人不卡视频 | 亚洲欧美国产精品一区二区 | 日韩一二三 | 日韩欧美一区二区三区免费观看 | 天堂一区在线观看 | 日韩三级一区 | 伊大人久久 | 国产精品久久久久一区二区三区 | 91国产精品 | 午夜影院网站 | 国产99久久精品一区二区永久免费 | 国产精品久久久久久久久 | 成人免费视频 | 国产精品国产精品国产专区不卡 | 一级黄色片在线免费观看 | 亚洲欧美精品国产一级在线 | 国产一级视频在线观看 | 亚洲欧美综合 | 性国产丰满麻豆videosex | 日韩 国产 在线 | 亚洲精品视频在线看 | 久久逼逼| 欧美一区二区免费电影 | 欧美一区二区免费视频 | 国产高清在线观看 | 日本不卡免费新一二三区 | 精品亚洲一区二区三区四区五区高 | 亚洲精品aⅴ | 亚洲成人免费观看 | 亚洲一区二区免费看 | 久久久人成影片一区二区三区 | 久久久久久女 | 精品欧美黑人一区二区三区 | 欧美日韩国产一区二区三区 | av在线一区二区 | 亚洲免费精品一区 | 91在线视频免费观看 |