vue 每次渲染完页面后div的滚动条保持在最底部

//每次页面渲染完之后滚动条在最底部
updated:function(){
      this.$nextTick(function(){
      var div = document.getElementById('dialogue_box');
        div.scrollTop = div.scrollHeight;
      })
    }

//第一次页面渲染完之后滚动条在最底部
methods:function(){

      this.$nextTick(function(){
      var div = document.getElementById('dialogue_box');
        div.scrollTop = div.scrollHeight;
      })
    }