Vuetify v-dialogのモーダル化が機能しない
新規で作成もしくはソースコードの内容を大体把握してある個人の方・一人でプロジェクトを回している方には参考にならないかと思います。
Vuetifyのv-dialogにはオプションで色々指定できる
モーダル化させるためにpersistentを指定することでダイアログ外を押しても閉じないようにできる
それが機能しなかったので備忘録的にまとめる
Vuetify
https://vuetifyjs.com/ja/components/dialogs/
結論
outsideというオプションが悪さしていました。
このオプションはダイアログ外を押した時に発火するイベントです。
そいつが諸悪の権化なので削除するなりよしなに修正することで回避しましょう。
こんなことで時間取られるの辛い…辛い…
ちなみに調べるとVuetify2.1以下だとバグで機能しないらしいですが、orverlayと合わせるとバグるみたいなので多分今回の場合は関係ないです。
https://github.com/vuetifyjs/vuetify/issues/8697