以下は、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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
