vue使div滚动到最底部动画

例如添加更多任务按钮等等，每次点击都要新生成一条记录，为了方便用户操作，使页面点击的时候可以自己动画懂div的最底端

// <div ref="scroll"> ...</div>
 handleAddTask() {
      this.dataList.push({   //自己初始化的数据格式
        data_list: [],
        timeValue: [moment().startOf('day').unix(), moment().startOf('day').unix()]
      })
      this.$nextTick(function() {
        var container = this.$refs.scroll
        container.scrollTo({        //滚动动画
          top: container.scrollHeight,
          behavior: 'smooth'
        })
      })
    }
  }