【Vue-Element】Vue中让滚动条动态保持在最底部

1、实现

需求：
1） 滚动条动态保持最底部

2） 滚动条自动缓慢滚动

实现如下：

tools_coreDialogueScrollToBottom() {
  const that = this;
  if (that.drawer.params.setting.bottom_select) {
    this.$nextTick(() => {
      var container = this.$el.querySelector(".core_dialogue"); // 获取BOM元素
      container.scrollTo({  // 保持最底部
        top: container.scrollHeight,
        behavior: "smooth"  // 缓慢滚动
      });
      // container.scrollTop = container.scrollHeight;
    });
  }
},

2、参考

1）VUE中如何让滚动条保持在最底部（数据实时更新，页面高度随时变化）
2）滚动条自动缓慢滚动