uniapp-小程序点击底部导航跳转并刷新页面

众所周知，使用uniapp写的小程序有缓存问题，
由于是希望二级页面返回上一页时停留在之前浏览的位置上，这就说明不能在生命周期onShow进行数据重新渲染的操作！！！
但是今天测试小姐姐希望点击底部tab栏能进进行刷新页面

请看uiapp官网中有一个生命周期：onTabItemTap 可以借用
一、生命周期onTabItemTap

<script>export default {onTabItemTap(e) {// tab 点击时执行，此处直接接收单击事件console.log(e)},onLoad(option) {}}
</script>

二、实现你想要的的效果

 uni.reLaunch({url,success: () => {console.log('reload触发了!!!!!! url====>' + url)}})

uniapp-小程序点击底部导航跳转并刷新页面相关推荐

html底部导航栏图标切换,【微信小程序】自定义底部导航栏，切换不同页面显示不同tabbar...
https://blog.csdn.net/small_lack/article/details/80959278 在一个微信小程序中想要用到两种不同的tabbar样式,需要在app.js中自定义,在 ...
微信小程序开发错误——底部导航栏没有显示完全
微信小程序开发错误--底部导航栏没有显示完全原因:由于在app.json中设置跳转页面时,假设有A.B.C.D四个图标(点击可以跳转),B和C的跳转页面相同,C的图标就会覆盖B的图标,B的图标就相当 ...
vue、uniapp 小程序点击事件禁止多次点击方法封装
vue.uniapp 小程序点击事件禁止多次点击方法封装在写uniapp 小程序时发现个bug,疯狂点击按钮第一点击事件还没执行完就疯狂多次调用该事件,很是影响用户体验以及消耗性能,所以这里我封装个 ...
微信小程序点击地址，跳转到地图导航
在进入小程序的时候我就获取了地理位置了,所以直接在地址的位置加点击事件即可获取地理位置的在下篇文章 uni.openLocation({latitude: lat, //要去的纬度-地址longit ...
微信小程序点击电话事件跳到电话拨打
1. 拨打电话功能主要就是点击拨打电话的时候,可以跳转到手机上的拨打电话页面,并且将号码输入到上面,号码的话,可以是请求来的,也可以是固定的,也可以写一个input框手动输入,拨打电话功能比较简单 2 ...
uniapp小程序—适配ios底部小黑条
适配ios底部小黑条,兼容性给中间内容部分添加:注意前后顺序 padding-bottom: constant(safe-area-inset-bottom); padding-bottom: en ...
小程序点击tab导航栏滑动居中
图片 wxml: <scroll-view class="scroll-view_H"scroll-left="{{scroll_left}}"scrol ...
uni-app小程序点击页面滚动到指定位置
uni.pageScrollTo({scrollTop: 0,duration: 300,})
微信小程序兼容ios底部导航栏边距
css代码 padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);

uniapp-小程序点击底部导航跳转并刷新页面

uniapp-小程序点击底部导航跳转并刷新页面相关推荐

最新文章

热门文章