html样式
<div class="top" v-show="flag_scroll" @click="backTop">
<van-icon name="arrow-up" size="25" color="#333" />
<p>顶部</p>
</div>
data
data() {
return {
flag_scroll: false,
scroll: 0,
}
},
methods
methods: {
backTop() {
document.documentElement.scrollTop = 0;
},
handleScroll() {
let scrollTop = document.documentElement.scrollTop;
if (scrollTop > 200) {
this.flag_scroll = true;
} else {
this.flag_scroll = false;
}
},
},
mounted
mounted() {
window.addEventListener("scroll", this.handleScroll);
},