微信小程序tabBar 返回tabBar不刷新页面


Posted in Javascript onJuly 25, 2019

1、在一个项目中,遇到了这个场景:返回tabBar中的某个页面是需要保存数据,但是新进这个页面需要清除数据。

2、场景如下图:报修进入下一步,返回第一步时不能刷新页面(即保留页面数据),从其他tabBar进入报修页面时就需要清空可能已经填写的数据。

微信小程序tabBar 返回tabBar不刷新页面

微信小程序tabBar 返回tabBar不刷新页面

3、解决办法,在第二步页面做了一个本地存储变量,在第一步的页面判断这个变量进而确定是否是第二步页面返回。

其中,因为第一步有上传图片的操作,也会执行"onShow",因此在当前页面又新增了一个变量去判断onShow是否是上传图片引起的。

第二步页面代码:

onShow: function () {
  wx.setStorageSync('repair',1)
 },

第一步页面代码:注:temp在声明的时候是0,这个变量是在上传图片成功后置为了1

onShow: function () {
  let value = wx.getStorageSync('repair');
  var _tmp = this.data.temp;
  //返回的时候不清空数据
  if (!value){
   //清空数据
   this.setData({
    data:""
   })

  }
 },
onHide: function () {
  if(this.data.temp){
   wx.setStorageSync('repair', 1);
  }else{
   wx.removeStorageSync("repair");
  } 
 },

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jsonp原理及使用
Oct 28 Javascript
js保留小数点后几位的写法
Jan 03 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
jQuery获得子元素个数的方法
Apr 14 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
HTML页面定时跳转方法解析(2种任选)
Dec 22 Javascript
Node.js学习之地址解析模块URL的使用详解
Sep 28 Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
Mar 16 Javascript
vue v-for 使用问题整理小结
Aug 04 Javascript
微信小程序与公众号实现数据互通的方法
Jul 25 #Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
Jul 25 #Javascript
微信小程序实现收货地址左滑删除
Nov 18 #Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 #jQuery
微信小程序实现左滑动删除效果
Mar 30 #Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 #jQuery
小程序实现左滑删除效果
Jul 25 #Javascript
You might like
一个简单的PHP投票程序源码
2007/03/11 PHP
php获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
php把数组值转换成键的方法
2015/07/13 PHP
php获取远程文件的内容和大小
2015/11/03 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
Javascript Objects详解
2014/09/04 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
深入浅析knockout源码分析之订阅
2016/07/12 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
Vue.js实现简单动态数据处理
2017/02/13 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
详解Vue数据驱动原理
2020/11/17 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
Fabric 应用案例
2016/08/28 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
python学习教程之使用py2exe打包
2017/09/24 Python
Python中顺序表的实现简单代码分享
2018/01/09 Python
Django添加sitemap的方法示例
2018/08/06 Python
解决Django生产环境无法加载静态文件问题的解决
2019/04/23 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
python实现人像动漫化的示例代码
2020/05/17 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
医药销售求职信范文
2014/02/01 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
入党宣誓仪式主持词
2015/06/29 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
Nginx配置https的实现
2021/11/27 Servers