ブラウザ版のYouTubeなどにあるお知らせ通知をVueで実現したい

Question

現在Vueを使ってWebアプリケーションを作成しています。
その中でお知らせを通知するような機能を実装しようと考えており、PCブラウザ版のYouTubeのように
、右上にあるベルマークを押したらお知らせが表示されるようなものをイメージしています。

現在はvue-notification-bellを使用してベルマークを配置し、それが押されたらvuetifyのv-dialogを開くようにすることを考えているのですが、v-dialogは中央に展開されるのがデフォルトで、ベルマークのすぐ下など任意の位置に展開させるのは少し面倒です。

もし、他の方法などをご存知の方がいらっしゃったら教えていただきたいです。
よろしくお願いします。

Answer 1

YouTubeの通知のようなUIをvuetifyで実現するのでしたら、v-dialog よりも v-menu のほうがそれに近いイメージになるかと思います。実際、vuetifyの公式ページの通知もv-menuで実装されているようです。

https://vuetifyjs.com/en/components/menus/

Comments

[gnuuu_07]

教えていただき、ありがとうございます。
さっそく使わせていただきました。