Vueでは、パチンコのセットをオフにすると、廃棄して隠します。
背景:dialogポップアップモジュールでmountedフックを実行して、データを初期化し、パチンコをキャンセルした後、mountedフックが実行されないことを発見しました。
原因:vueのライフサイクルでは、ページ初期化時にmountedは一回だけ実行されます。パチンコページを閉じても破壊されていませんので、再度は実行されません。
変更後のコード:
フォームをリセットする方法
this.$refs[formRef].reetFields();
フォームのデータではなく、リセットする必要があります。
this.$data=this.$options.data();
以上のVueでは、パチンコのセットをオフにする時に廃棄し、隠し操作をするということは、小編集が皆さんに提供した内容の全部を共有しています。参考にしていただければと思います。どうぞよろしくお願いします。
原因: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では、パチンコのセットをオフにする時に廃棄し、隠し操作をするということは、小編集が皆さんに提供した内容の全部を共有しています。参考にしていただければと思います。どうぞよろしくお願いします。