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

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!