1、利用scrollIntoView()方法，该方法将调用它的元素滚动到浏览器窗口的可见区域（根据其他元素的布局，元素可能无法完全滚动到 顶部 或底部） ps：页面可滚动时才有用！！！ methods:{ go(){ document.getElementById("show").scrollIntoView vue 使用的是单页面路由，所以切换页面的时候是不会进行刷新的，这时候就会导致 滚动条 在切换页面之后不会自动回到 顶部 。 我们可以使用 vue 中的router.afterEach这个钩子来解决这一问题 在main.js中新增如下代码就完美解决了 import router from './router'//引入路由 router.afterEach((to,from,nex... 在最外层的div：<div @scroll="divScroll" > 引入返回 顶部 的图标：<img class="imgTop" src="../../../assets/img/top.jpg" @click="scrollTop"> private divScroll(div) { this.scroll = div;