微信小程序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 相关文章推荐
javascript开发技术大全-第1章javascript概述
Jul 03 Javascript
Dom 结点创建 基础知识
Oct 01 Javascript
做web开发 先学JavaScript
Dec 12 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
Nov 29 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
Mar 02 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
Vue实现手机计算器
Aug 17 Javascript
JavaScript arguments.callee作用及替换方案详解
Sep 02 Javascript
JavaScript 反射学习技巧
Oct 16 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
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
PHP XML操作的各种方法解析(比较详细)
2010/06/17 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
全面了解PHP中的全局变量
2016/06/17 PHP
thinkPHP模板中函数的使用方法示例
2016/11/30 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
YII2框架中添加自定义模块的方法实例分析
2020/03/18 PHP
解放web程序员的输入验证
2006/10/06 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
JavaScript在多浏览器下for循环的使用方法
2012/11/07 Javascript
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
javascript HTML5 canvas实现打砖块游戏
2020/06/18 Javascript
JS留言功能的简单实现案例(推荐)
2016/06/23 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
Bootstrap3 内联单选和多选框
2016/12/29 Javascript
jQuery模拟窗口抖动效果
2017/03/15 Javascript
JS实现图片预览的两种方式
2017/06/27 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
浅谈python抛出异常、自定义异常, 传递异常
2016/06/20 Python
python字符串,数值计算
2016/10/05 Python
Django 响应数据response的返回源码详解
2019/08/06 Python
如何在python中执行另一个py文件
2020/04/30 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
拉丁舞学习者的自我评价
2013/10/27 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
班级安全教育实施方案
2014/02/23 职场文书
元宵晚会主持词
2014/03/25 职场文书
委托公证书
2014/04/08 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
公司安全管理制度范本
2015/08/05 职场文书
win10更新失败无限重启解决方法
2022/04/19 数码科技