微信小程序tabBar 返回tabBar不刷新页面
更新时间：2019年07月25日 11:19:34 作者：一只鱼呀hj
这篇文章主要介绍了微信小程序tabBar 返回tabBar不刷新页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1、在一个项目中，遇到了这个场景：返回tabBar中的某个页面是需要保存数据，但是新进这个页面需要清除数据。
2、场景如下图：报修进入下一步，返回第一步时不能刷新页面（即保留页面数据），从其他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中对字符串进行索引、拆分和操作的示例代码
字符串是一个包含一个或多个字符的序列,可以由字母、数字或符号组成,在本教程中,我们将学习字符串原始值和String对象之间的区别,字符串的索引方式,如何访问字符串中的字符,以及字符串常用的属性和方法,需要的朋友可以参考下2024-06-06
Ethers.js则是一个轻量级的web3.js替代品，在本文中，我们将学习使用ethers.js部署Solidity智能合约的方法，感兴趣的朋友一起看看吧2021-10-10
这篇文章主要为大家详细介绍了基于ssm框架实现layui分页效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
js遍历、动态的添加数据的小例子，需要的朋友可以参考一下2013-06-06
在有些时候我们无法控制乱码的出现, 比如发送邮件的时候有些邮件显示乱码, 比如Ajax返回数据总是乱码. 怎么办?2009-11-11
在Javascript中我们通常判断一个变量是否存在,即不为null或者undefined,这篇文章主要给大家介绍了关于JavaScript中判断变量是否存在的四种常用方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-08-08
这篇文章主要介绍了微信小程序画布显示图片绘制矩形选区效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-05-05
javascript中的 object 和 function小结
JavaScript的面向对象是基于原形的，所有对象都有一条属于自己的原型链。Object与Function可能很多看Object instanceof Function ， Function instanceof Object都为true而迷惑，所以首先看下对象的实例。2016-08-08
这篇文章主要向大家详细介绍了javascript函数表达式，帮助大家理解javascript函数表达式，感兴趣的朋友可以参考一下2016-02-02
这篇文章主要介绍了如何用CocosCreator实现射击小游戏，此游戏难度不大，仅作为入门的练手小游戏，一小时就能完成，里面用到的知识很常用，喜欢游戏的同学，可以参考下2021-04-04
最新评论