记录mpvue+vant-weapp的使用(七):mpvue下面怎么做小程序怎么伪实现返回上一页刷新

mpvue里面像原生一样拿到上一页的内容然后setData其实不大现实,所以这里我采用一种取巧的方式,其实小程序里面估计很多人也会这么干——就是利用小程序的onShow

场景:通知消息,查看之后将未读数归零。

记录mpvue+vant-weapp的使用(七):mpvue下面怎么做小程序怎么伪实现返回上一页刷新

比如这里如果有消息的话是有个红点的,我们要在当前页面刷新数据,所以在此放个onShow

记录mpvue+vant-weapp的使用(七):mpvue下面怎么做小程序怎么伪实现返回上一页刷新

定一个is_tongzhi的参数,默认值为0

记录mpvue+vant-weapp的使用(七):mpvue下面怎么做小程序怎么伪实现返回上一页刷新

打开个人中心的时候,默认会获取一遍getUnread。

点击进入通知列表

记录mpvue+vant-weapp的使用(七):mpvue下面怎么做小程序怎么伪实现返回上一页刷新

将is_tongzhi设为1,标记一下。

然后返回的时候,onShow会监听到,此时this.is_tongzhi==1,满足条件,执行getUnread刷新数据即可