微信小程序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 相关文章推荐
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
将json当数据库一样操作的javascript lib
Oct 28 Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
vue.js获取数据库数据实例代码
May 26 Javascript
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
原生javascript实现的全屏滚动功能示例
Sep 19 Javascript
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
vue+echarts实现动态绘制图表及异步加载数据的方法
Oct 17 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 Javascript
解决vue页面刷新,数据丢失的问题
Nov 24 Vue.js
Vue——解决报错 Computed property "****" was assigned to but it has no setter.
Dec 19 Vue.js
微信小程序与公众号实现数据互通的方法
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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
php超快高效率统计大文件行数
2015/07/05 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
php实现的后台表格分页功能示例
2017/10/23 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
js setTimeout 参数传递使用介绍
2013/08/13 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
2013/11/22 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
2014/06/05 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
JS设置CSS样式的方式汇总
2017/01/21 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
Javascript中的async awai的用法
2017/05/17 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
利用js给datalist或select动态添加option选项的方法
2018/01/25 Javascript
vue中的面包屑导航组件实例代码
2019/07/01 Javascript
node后端服务保活的实现
2019/11/10 Javascript
详解Typescript里的This的使用方法
2021/01/08 Javascript
python原始套接字编程示例分享
2014/02/21 Python
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
详解Python爬虫的基本写法
2016/01/08 Python
python基本语法练习实例
2017/09/19 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
Python装饰器使用你可能不知道的几种姿势
2019/10/25 Python
python logging 日志的级别调整方式
2020/02/21 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
详解python中GPU版本的opencv常用方法介绍
2020/07/24 Python
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
《颐和园》教学反思
2014/02/26 职场文书
党员民主生活会整改措施
2014/09/26 职场文书
公司领导班子召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
Win11开始菜单添加休眠选项
2022/04/19 数码科技