(亲测可用)vue新消息自动滚到底部
mounted () {
this.scrollToBottom();
},
//每次页面渲染完之后滚动条在最底部
updated:function(){
this.scrollToBottom();
},
methods: {
//
scrollToBottom() {
this.$nextTick(() => {
var container = this.$el.querySelector(" 需要滚动条处于底部的容器,css类名 ");
container.scrollTop = container.scrollHeight;
})}
}
```
关于获取this.$el.querySelector的知识,可以参考这里:
[this.$el.querySelector](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/querySelector) 相关推荐
vavid 2018-04-15
ajhongshaorou 2019-06-29
武林半侠 2019-06-29
gigipop 2019-06-28
dangzhangjing 2019-06-27
语帆 2015-04-15
zhouguizhi 2013-02-28
AlisaClass 2012-11-20
淡风wisdon大大 2012-08-16
SuiKaSan的自学室 2012-08-11
AnyBisks 2011-11-27
liusure0 2011-09-27
startXUEBA 2011-07-19
xiaohuli 2011-05-11
Ydgent 2012-07-28
Juey 2017-07-21