Nuxt.jsでどうしても直接DOMを操作したい - Qiita

背景 大前提として、DOMを直接操作する前にまず打てる手を色々と考えていただきたいです さて、Nuxt.jsを使っていて、どうしてもDOMを直接操作したい場合があります。 たとえば、ページ遷移直後に、遷移先の内部リンク( /hoge#id )に自動でスクロールしたい場合などが考えられます。 このような場合、ライフサイクルイベントと直接DOM操作を駆使して動かす以外に方法がないのでは？と思い、実際にやってみました。 tl;dr mountedとnextTickを使います。 mountedはスクロールするためにDOMの操作が必要になるので使用します。 ただし、mountedは子コンポーネントのマウントを保証しないので、nextTickを使い、レンダリングが終わるまで(操作対象のDOMがあることを保証して)コールバック関数を実行しないようにすることが重要です。 もし内部リンクとなるidを指定した