VUE2控制元素滚动条向下滚动的方法

在我们开发的时候，难免会碰到某些按钮点击之后复制一份追加到元素中，这个时候需要页面的滚动条滚动到新添加的一行哪里，让用户又更好的体验感

1.在所需要滚动的元素上面添加ref属性

该元素也需要添加overflow-y: scroll;
.detailContent{
  width: 100%;
  height: calc(100% - 90px);
  overflow-y: scroll;
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  box-sizing: border-box;
}

2.我们可以在添加按钮中，使用nextTick钩子函数，执行滚动条滚动的方法

 

这样就可以点击添加之后滚动条滚动到添加的新元素哪里了