uni-app实现仅在当前页面点击tabBar回到顶部

tech2026-06-19  8

页面数据过多时,需要有回到顶部的功能。具体功能为,在当前页面点击,回到首页,而从其他页面回来后,页面保持在离开之前的位置。

实现过程

data() { return { ClickOtherTabBar:false } } onHide(){ //页面生命周期函数,离开当前页面时被触发 this.ClickOtherTabBar = true }, onTabItemTap(e) { //tabbar点击事件函数 if(this.ClickOtherTabBar == false){ uni.pageScrollTo({ scrollTop: 0 // duration: 300 }); } this.ClickOtherTabBar = false }

简单实现了一下,若有其他写法望讨论,也望得到指正与采纳~

最新回复(0)