微信小程序之实现页面自动刷新(B页面向云数据库添加完数据后自动返回A页面并且刷新显示刚添加的数据、wx.reLaunch())

时间:2024-04-11 20:52:47

❤ B页面向云数据库添加完数据后自动返回A页面并且刷新显示刚添加的数据

❤ 今天忙了一天总算是没有白忙活,所做的一个微信小程序是交易平台,在发布完产品后想要跳转到商品首页,但是由于首页是一个tabBar,所以wx.navigateTo()API并不可行

❤ 要想实现自动刷新,不如先实现手动下拉刷新,很简单

❤ A页面操作

①先开启手动下拉刷新功能,在json文件中添加声明:
微信小程序之实现页面自动刷新(B页面向云数据库添加完数据后自动返回A页面并且刷新显示刚添加的数据、wx.reLaunch())
②然后在js文件中添加下拉监听事件:所谓的刷新就是重新获取到数据库的数据而已
微信小程序之实现页面自动刷新(B页面向云数据库添加完数据后自动返回A页面并且刷新显示刚添加的数据、wx.reLaunch())

❤ B页面操作

在添加完数据后使用 wx.reLaunch() API,这个接口的功能是关闭其他说有的页面跳转到指定页面,可以使tabBar页面!!!
微信小程序之实现页面自动刷新(B页面向云数据库添加完数据后自动返回A页面并且刷新显示刚添加的数据、wx.reLaunch())

❤ 前往A页面操作

这里就要像既然它能跳转到A页面,那就相当于页面又加载了一次,于是何不如将页面加载监听函数里重新调下拉刷新函数呢,于是调用下拉函数就可以啦!
微信小程序之实现页面自动刷新(B页面向云数据库添加完数据后自动返回A页面并且刷新显示刚添加的数据、wx.reLaunch())

❤ ❤ ❤ 后语 ❤ ❤ ❤ :

不写这篇文章不知道,一写发下一个问题,上述所实现的是可以下拉刷新,也可以是自动刷新。但是要是仅仅实现自动刷新好像并不需要下来刷新函数啊!唉!脑子突然明白了过来,直接重新写一个调用数据库内容的方法,然后在页面加载监听函数里调用不就OK了吗???!!!罢了罢了读者自己搞吧!hhhhh