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

不言
リリース: 2018-06-29 13:58:57
オリジナル
2040 人が閲覧しました

以下は、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;
  })
 }
ログイン後にコピー

以上がこの記事の全内容です。その他の関連コンテンツについては、こちらをご覧ください。 PHP 中国語 Web サイトに注意してください。

関連する推奨事項:

vscode で vue コーディング スタイルを統一する方法の紹介

Vue.js と Ueditor リッチ テキスト エディターを組み合わせて使用​​する方法

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

関連ラベル:
vue
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート