vue3如何使用代码让浏览器页面回到顶部
在Vue 3中,你可以使用window.scrollTo()方法将浏览器页面回到顶部。可以在组件的方法中调用此方法来实现。
例如,你可以在组件的methods中创建一个方法来滚动页面到顶部:
methods: {
scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth' // 平滑滚动
});
}
}
然后,你可以在模板中调用这个方法,比如在一个按钮的点击事件中:
<template>
<button @click="scrollToTop">回到顶部</button>
</template>
当用户点击按钮时,页面将会平滑滚动回到顶部。
原文地址: https://www.cveoy.top/t/topic/hTlK 著作权归作者所有。请勿转载和采集!