背景:在dialog彈窗元件中執行mounted鉤子,將資料初始化,等取消關閉彈窗後,發現mounted鉤子不執行
原因:在vue的生命週期中,在頁面初始化的時候mounted只會執行一次,關閉彈窗頁面並沒有銷毀,所以不會再次執行
解決辦法:就是隱藏dialog的時候要銷毀這個dialog。給dialog加v-if,在關閉dialog的時候將v-if設定為false這樣會直接將其從dom結構中抹除,到此問題解決。:trialmoneyrecordid=trialmoneyrecordid
:showexperiencegroup=
'showexperiencegroup'
@closecover=
"handleexperiencegroup"
>
<
/select-experience-group>
修改後**:
:trialmoneyrecordid=trialmoneyrecordid
:showexperiencegroup=
'showexperiencegroup'
v-if
="showexperiencegroup"
//利用v-if對頁面進行銷毀
@closecover=
"handleexperiencegroup"
>
<
/select-experience-group>
封裝vue的彈窗元件
先寫乙個工具函式,建立元件例項 建立指定元件例項並掛載於body上 import vue from vue export default function create component,props mount 更新操作 1.上面vm幫我們建立元件例項 2.通過 children獲取該元件例項 c...
vue彈窗訊息元件練習2
本來打算寫乙個那種提示完了自動消失的彈窗的,但是沒有想好淡入淡出的效果。所以暫時算是半成品。練習 如下 lang en charset utf 8 ys alert componenttitle input ys alert icon content 成功的樣式 success 失敗的樣式 erro...
watir利用autoit關閉彈窗時出現的問題
1.編碼最好用utf 8,否則會出現如下 失效 autoit win32ole.new autoitx3.control autoit.winwaitactive explorer 使用者提示 5 autoit.controlclick explorer 使用者提示 button1 2.requir...