
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Nuxt.jsでどうしても直接DOMを操作したい - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

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