Une fois que Vue a rendu la page, la barre de défilement div est positionnée en bas (code joint)

Cette fois, je vais vous apporter la barre de défilement div positionnée en bas après le rendu de la page par vue (code ci-joint). Quelles sont les précautions qui sont positionnées en bas après le rendu de la page par vue Ici. sont Voyons des cas pratiques.

L'exemple est le suivant :

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

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article .Pour des choses plus excitantes, veuillez prêter attention à php Autres articles connexes sur le site chinois !

Lecture recommandée :

étapes de mise en œuvre d'une requête en cascade agrégée

Analyse JS de la méthode de génération d'une image de code QR à partir d'un lien

Composants dynamiques vue2.0 et instructions d'utilisation du rendu

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!