vuetify.jsでモーダルダイアログを表示する2020-11-24vuetify.jsでモーダルダイアログを表示するVuetify.jsこの記事は2020年11月24日に投稿しました。はじめにこんにちは、iOSのエディタアプリPWEditorの開発者の二俣です。今回は業務で使用しているVuetify.jsでモーダルダイアログを表示する方法についてです。vuetify.jsでモーダルダイアログを表示するVuetify.jsでモーダルダイアログを表示する方法ですが、以下のような実装になります。'app'のタグはVue.jsによって操作されます。ボタン押下でモーダルダイアログを開きます。モーダルダイアログを定義します。persistentを指定するとモーダルになります。Vue.jsで操作する内容です。divタグの'app'内を操作対象とします。ダイアログの開く/閉じるを制御します。おわりに前回www.paveway.infoはモーダルではないため、ダイアログ外の画面をクリックしてもダイアログが閉じてしまいます。今回のモーダルダイアログの場合、閉じるボタンを押下しないとダイアログが閉じなくなります。リンク紹介している一部の記事のコードはGitlabで公開しています。興味のある方は覗いてみてください。目次へ私が勤務しているニューラルでは、主に組み込み系ソフトの開発を行っております。Bi-OSは高い技術力を評価されており、特に制御系や通信系を得意としています。私自身はiOSモバイルアプリやウィンドウズアプリを得意としております。ソフトウェア開発に関して相談などございましたら、お気軽にご連絡ください。一緒に働きたい技術者の方も随時募集中です。興味がありましたらご連絡ください。