[vuejs] 聊天框在overflow:auto中填数据时滚动到底部

在一个聊天的界面中 , 当我们固定了高度 , 并且设置了overflow:auto ,会出现滚动条 , 但是填充数据后 ,滚动条是不会跟着滚,数据隐藏在下面

这个时候需要把这块div的scrollTop设置为它的scrollHeight 

?

1 2 3

this.$nextTick(() => {     $('.chatBox').scrollTop($(".chatBox")[0].scrollHeight); });

this.$nextTick(() => {})这个是在等待dom变化完成后再去执行 , 如果不加这个获取到的dom高度一直慢半拍