注:主要是el-main的高度和绝对定位必须设置(样式在下面)
html
<el-main id="message" v-html="remsg" class="scrolldivmain">some code</el-main>
js
updated() {
this.scrollToBottom();
},
methods: {
scrollToBottom() {
this.$nextTick(() => {
setTimeout(() => {
var scrollTop = this.$el.querySelector(".scrolldivmain");
scrollTop.scrollTop = scrollTop.scrollHeight;
}, 13);
});
},
}
css
#message {
100%;
height: 200px;
position: absolute;
overflow: auto;
}