vue3 怎么跳转页面至底部
时间: 2024-05-24 14:09:24 浏览: 230
Vue.js实战之利用vue-router实现跳转页面
在 Vue3 中,可以使用 `ref` 来获取 DOM 元素,并使用 `scrollIntoView()` 方法将页面滚动到底部。
例如,可以在组件中定义一个 `ref`,并在需要跳转到底部的时候调用 `scrollIntoView()` 方法:
```html
<template>
<div ref="bottom"></div>
</template>
<script>
import { ref } from 'vue';
export default {
setup() {
const bottom = ref(null);
function scrollToBottom() {
bottom.value.scrollIntoView();
}
return {
bottom,
scrollToBottom
}
}
}
</script>
```
然后,在需要跳转到底部的地方,调用 `scrollToBottom()` 方法即可。
阅读全文