ionic4:ionic-vue
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン次のリビジョン両方とも次のリビジョン | ||
ionic4:ionic-vue [2019/04/30] – [src/views/Home.vueとAbout.vueの変更(ion-buttonとion-card)] adash333 | ionic4:ionic-vue [2019/04/30] – [ソースコード] adash333 | ||
---|---|---|---|
行 408: | 行 408: | ||
Modal画面は開くことはできたが、Modal画面からAbout画面に戻ることができない。。。 | Modal画面は開くことはできたが、Modal画面からAbout画面に戻ることができない。。。 | ||
+ | ==== Modal画面を閉じるボタンの実装($ionic.modalController.dismiss()) ==== | ||
+ | Modal画面を閉じるボタンを設置する場合は、Modal.vueの< | ||
+ | src/ | ||
+ | < | ||
+ | // < | ||
+ | <div text-center> | ||
+ | < | ||
+ | </ | ||
+ | // < | ||
+ | methods: { | ||
+ | closeModal() { | ||
+ | return this.$ionic.modalController.dismiss(); | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | これで、Modal画面の作成と、Modal画面を閉じるボタンの実装を行うことができました。 | ||
+ | |||
+ | ===== ソースコードとDEMOサイト ===== | ||
+ | ソースコード | ||
+ | https:// | ||
+ | |||
+ | DEMOサイト | ||
+ | https:// | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
ionic4/ionic-vue.txt · 最終更新: 2020/12/03 by adash333