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

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

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

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

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