vue 渲染后不在最底部
时间: 2023-07-28 15:26:06 浏览: 148
vue 每次渲染完页面后div的滚动条保持在最底部的方法
如果你在 Vue 中渲染的内容不在最底部,可以尝试以下方法:
1. 在渲染内容的标签上添加 `ref` 属性,例如 `<div ref="content"></div>`。
2. 在 Vue 实例中使用 `$nextTick` 方法,确保 DOM 已经渲染完成。例如:
```
mounted() {
this.$nextTick(() => {
this.scrollToBottom()
})
}
```
3. 在 `$nextTick` 方法中,使用 `scrollTop` 属性将滚动条滚动到底部。例如:
```
scrollToBottom() {
const content = this.$refs.content
content.scrollTop = content.scrollHeight
}
```
这样就可以确保 Vue 渲染的内容在最底部了。
阅读全文