Vueでは、パチンコのセットをオフにすると、廃棄して隠します。


背景:dialogポップアップモジュールでmountedフックを実行して、データを初期化し、パチンコをキャンセルした後、mountedフックが実行されないことを発見しました。
原因:vueのライフサイクルでは、ページ初期化時にmountedは一回だけ実行されます。パチンコページを閉じても破壊されていませんので、再度は実行されません。

<select-experience-group 
:trialMoneyRecordID=trialMoneyRecordID 
:showExperienceGroup='showExperienceGroup' 
@closeCover="handleExperienceGroup">
</select-experience-group>
解決方法:dialogを隠す時このdialogを廃棄します。dialogにv-infをプラスして、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].reetFields();
フォームのデータではなく、リセットする必要があります。
this.$data=this.$options.data();
以上のVueでは、パチンコのセットをオフにする時に廃棄し、隠し操作をするということは、小編集が皆さんに提供した内容の全部を共有しています。参考にしていただければと思います。どうぞよろしくお願いします。