Heim  >  Artikel  >  Web-Frontend  >  So behalten Sie die Bildlaufleiste eines Divs nach dem Rendern jeder Seite in Vue am unteren Rand bei

So behalten Sie die Bildlaufleiste eines Divs nach dem Rendern jeder Seite in Vue am unteren Rand bei

亚连
亚连Original
2018-05-29 17:00:382508Durchsuche

Im Folgenden werde ich einen Artikel darüber teilen, wie man die Bildlaufleiste von p nach jedem Rendern der Seite in Vue beibehält. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist.

Beispiele sind wie folgt:

//每次页面渲染完之后滚动条在最底部
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;
  })
 }

Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

Detaillierte Erläuterung dynamischer Komponenten und Rendering basierend auf vue2.0

Einführung in die Aufrufsequenz von Funktionen in Vue

JS-Implementierungsbeispiel für das Hinzufügen von Ereignisoperationen zu dynamisch erstellten Elementen

Das obige ist der detaillierte Inhalt vonSo behalten Sie die Bildlaufleiste eines Divs nach dem Rendern jeder Seite in Vue am unteren Rand bei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn