微信小程序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高级程序设计 扩展--关于动态原型
Nov 09 Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
Feb 07 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
浅谈jQuery添加的HTML,JS失效的问题
Oct 05 Javascript
纯js三维数组实现三级联动效果
Feb 07 Javascript
BootStrap 导航条实例代码
May 18 Javascript
js评分组件使用详解
Jun 06 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
详解一个小实例理解js原型和继承
Apr 24 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
Aug 10 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
Parse正式发布开源PHP SDK
2014/08/11 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
win10 apache配置虚拟主机后localhost无法使用的解决方法
2018/01/27 PHP
php微信开发之谷歌测距
2018/06/14 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
js中eval详解
2012/03/30 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
2013/11/22 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
js创建对象的方式总结
2015/01/10 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
通过Kettle自定义jar包供javascript使用
2020/01/29 Javascript
[14:51]DOTA2 HEROS教学视频教你分分钟做大人-卓尔游侠
2014/06/13 DOTA
一篇不错的Python入门教程
2007/02/08 Python
python类继承用法实例分析
2014/10/10 Python
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
python构建深度神经网络(DNN)
2018/03/10 Python
python定位xpath 节点位置的方法
2019/08/27 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
Django如何批量创建Model
2020/09/01 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
HTML5 Convas APIs方法详解
2015/04/24 HTML / CSS
Canal官网:巴西女性时尚品牌
2019/10/16 全球购物
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
什么是组件架构
2016/05/15 面试题
医学生实习自我鉴定
2013/09/27 职场文书
计算机应用与科学个人的自我评价
2013/11/15 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
离婚律师函范本
2015/05/27 职场文书
Python利用FlashText算法实现替换字符串
2022/03/31 Python
MySQL8.0 Undo Tablespace管理详解
2022/06/16 MySQL