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

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

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