微信小程序，每次进入tabbar页面刷新数据

9月前作者：NEWonclick 分类：Toy博客阅读(49) 违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序，每次进入tabbar页面刷新数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

写项目时遇到一个需求：就是从其他页面点击tabbar组件进入tabbar页面（这里叫他A页面），需要对A页面进行一次刷新。
应用场景：我在分类页面点击加号添加商品到购物车，然后点击tabbar的购物车组件，进入购物车，这个时候就要对购物车进行一个刷新。
为什么呢？因为点击加号后会将该商品信息存入数据库,而购物车信息是从数据库中取出来的，此时要获得最新的购物车的信息就要再对数据库在进行一次新的查询请求，也就是需要页面刷新了。
处理方法：在购物车的js页面中的onshow方法中加入如下代码文章来源地址https://www.toymoban.com/news/detail-576373.html

onShow: function () {
    const pages = getCurrentPages()
    const perpage = pages[pages.length - 1]
    perpage.onLoad()
}

到了这里，关于微信小程序，每次进入tabbar页面刷新数据的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

微信小程序子页面自定义tabbar组件

有时候微信小程序会遇到代码合并，就比如把B小程序代码迁移到A小程序，要使得B作为A小程序的一个子页面子功能。因为本身小程序都有tabbar，原来B也有，这时候就要给B子功能自定义一个tabbar底部导航栏。（注意，这个不是微信小程序自定义tabBar，不需要app.json中设置一个

2024年02月08日
浏览(50)
微信小程序如何刷新当前页面

微信小程序是一种快速发展的移动应用程序开发平台，它提供了许多功能和特性，使开发者能够轻松创建功能丰富的小程序。在开发小程序时，有时我们需要刷新当前页面来更新数据或重新加载页面内容。本文将解释如何在微信小程序中刷新当前页面的代码。微信小程序的流

2024年02月07日
浏览(70)
微信小程序重新加载当前页面、刷新当前页面

重新加载页面使用wx.reLanuch（），url: 路径当前页面跳转, 页面所有数据重新初始化，已配置的数据不会保存 reLanuch()的方法，会有一个闪屏，加载页面动画，如果不想要可以用下面的方法。刷新页面，不重置数据使用this.onLoad()或者this.onShow(), 根据需要可以在onLoad,onShow，写

2024年04月09日
浏览(56)
【微信小程序】在非tabbar页面使用导航栏进行切换

当在我们做微信小程序项目时会遇到有多个端口的项目需求，然而多个端口意味着多个导航栏。但微信小程序仅支持使用 app.json 创建一个导航栏（如下图）在app.json中配置的tabbar app.json 所以我们只能自己制作导航栏并且使用页面路由方式来进行页面跳转（如 wx.navigateTo; w

2024年02月13日
浏览(51)
微信小程序-----刷新页面3种方式

微信小程序要实现页面刷新，简单的说就是在不同的地方重新执行 onLoad 周期函数。需要注意在刷新时是否要初始化变量。因为小程序都是异步操作，所以很多时候，可能会造成服务器相应慢的问题，导致页面显示的时候会有延迟、造成闪烁的情况。 1.用 onLoad 周期方法重新

2024年02月15日
浏览(46)
微信小程序中如何携带参数跳转到tabBar页面

在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种但是使用第一种方法时,会因为这种方法在路径后不能携带参数,所以行不通那么就只能用第二种方法 , 用wx.reLaunch进行跳转 , 地址后跟上自己想要的参数 , 或者用wx

2024年02月11日
浏览(72)
微信小程序---跳转到tabbar页面的两种方式

2024年02月13日
浏览(68)
微信小程序用vant自定义tabbar页面并跳转相应页面

步骤一安装 vant 组件库下载完后要npm构建才能使用步骤二修改 app.json 将 app.json 中的 \\\"style\\\": \\\"v2\\\" 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱步骤三修改 project.config.json 开发者工具创建的项目， miniprogramRoot 默认为 minipro

2024年01月22日
浏览(49)
【微信小程序】-- 页面事件 - 下拉刷新（二十五）

💌 所属专栏：【微信小程序开发教程】 😀 作者：我是夜阑的狗🐶 🚀 个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享，欢迎咨询！ 💖 欢迎大家：这里是CSDN，我总结知识的地方，喜欢的话请三连，有问题请私信 😘 😘 😘 大家好，又见面了，

2024年02月02日
浏览(49)
微信小程序如何跳转到tabBar页面、如何携带参数过去

微信底部如果用的是系统自动的 tabbar ，也就是在 app.json 中配置的底部路由：需要注意以下两个问题：比如，个人中心是 tabBar ，使用 navigator url=\\\"/pages/me/me\\\"个人中心/navigator 跳转时，无法跳转，也不会给任何提示。如果在普通标签上使用 wx.navigateTo 跳转到任意 tabBar 页面,则

2024年02月05日
浏览(82)