vueでページをレンダリングするたびにdivのスクロールバーを下部に維持する方法

ここで、Vue でページをレンダリングするたびに p のスクロール バーを下部に保持する方法を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

例は次のとおりです:

//每次页面渲染完之后滚动条在最底部
updated:function(){
  this.$nextTick(function(){
  var p = document.getElementById('dialogue_box');
  p.scrollTop = p.scrollHeight;
  })
 }

//第一次页面渲染完之后滚动条在最底部
methods:function(){

  this.$nextTick(function(){
  var p = document.getElementById('dialogue_box');
  p.scrollTop = p.scrollHeight;
  })
 }

上記は、将来皆さんのお役に立てれば幸いです。

関連記事:

vue2.0ベースの動的コンポーネントとレンダリングの詳細解説

vueでの関数呼び出しシーケンスの紹介

動的に作成された要素にイベント操作を追加するJS実装例

以上がvueでページをレンダリングするたびにdivのスクロールバーを下部に維持する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。