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 중국어 웹사이트의 기타 관련 기사를 참조하세요!