Nuxt.jsでTwitterシェアボタンやツイートの埋め込みなどのwidgetsを追加する方法 | mintsu's blog

Nuxt.jsでTwitterシェアボタンやツーとのwigetsを追加する方法 Nuxt.jsなどでSPAでTwitterのシェアボタンやツイート表示のウィジェットを利用する際、ページ遷移時にうまく表示されない場合があります。 twitterのwidgets.jsの読み込みのタイミング本来は表示用のタグが挿入されますが、SPAではページ遷移時にwidgets.jsの再読み込みは行われません。そのため意図した表示になりません。 そのため今回は、ページ遷移のタイミングでwidgets.jsの読み込みを行うようにしていきます。 目次 Nuxt.jsでTwitterシェアボタンやツーとのwigetsを追加する方法 目次 SPAでの問題点 解決方法 wigets.jsの読み込み ページ遷移時にウィジェットを初期化する まとめ SPAでの問題点 twitterのwidgets.jsの読み込みのタイミン