当前位置: 首页 > article >正文

uniapp Uview上传图片组件Upload会自动刷新

背景

最近在做跑团小程序,马上接近尾声了,今天新增一个团长增加活动页面:

然后一切准备就绪,发现了一个问题,当选择上传图片后,页面会自动刷新,把之前填写的信息全部重置了。奇怪了,然后去搜,发现答案五花八门!

解决方案

算了,还是自己研究一下看代码:

onLoad(options) {
	if (options.activity_id) {
		this.activity_id = options.activity_id;
	}
	if (uni.getStorageSync('userInfo')) {
		this.userInfo = uni.getStorageSync('userInfo');
		this.islogin = true;
	}
	//this.init();
},
onShow() {

	if (uni.getStorageSync('userInfo')) {
		this.userInfo = uni.getStorageSync('userInfo');
		this.islogin = true;
	}
	this.init();
},

然后分析一下,发现会上传图片后,会自动调用一次onShow的函数!怎么办?好办,把onShow内的函数操作挪到 onLoad。例如:this.init();

onLoad(options) {
	if (options.activity_id) {
		this.activity_id = options.activity_id;
	}
	if (uni.getStorageSync('userInfo')) {
		this.userInfo = uni.getStorageSync('userInfo');
		this.islogin = true;
	}
	this.init();
},
onShow() {

	if (uni.getStorageSync('userInfo')) {
		this.userInfo = uni.getStorageSync('userInfo');
		this.islogin = true;
	}
	
},

 扩展

顺带扩展一个运营项目,这个小程序不是给客户做的,因为市场前景真的很大。看一个流程图:

 如果您喜欢运动、可以组建自己的圈子,比如骑行圈、跑团、越野圈,反正只要你有想法,到处是机会。关键是要有魄力!执行力强。


http://www.kler.cn/a/400284.html

相关文章:

  • 华为云租户网络-用的是隧道技术
  • 智慧社区平台系统提升物业管理效率与居民生活质量
  • 有限状态机(续)
  • 重构Action-cli前端脚手架
  • HTML之列表学习记录
  • 5. langgraph中的react agent使用 (从零构建一个react agent)
  • mysql的my.cnf配置文件参数说明
  • go语言中的占位符有哪些
  • 性能调优专题(12)之垃圾收集器ParNewCMS与底层三色标记算法详解
  • idea 通过git撤销commit但未push的操作
  • 没钱买KEGG怎么办?REACTOME开源通路更强大
  • 4K双模MiniLED显示器哪个好
  • 大数据平台的网络安全架构
  • 学习笔记024——Ubuntu 安装 Redis遇到相关问题
  • 【网络安全】SSL(二):Keyless SSL技术细节
  • 电子电气架构 --- 车载通信框架和对应技术
  • 使用MaxKB搭建知识库问答系统并接入个人网站(halo)
  • Node.js 和 Express 搭建一个简单的 Web 应用程序
  • 运维面试题.云计算面试题集锦之二
  • List、ArrayList与顺序表1
  • Windows安装vcpkg教程(VS2022)
  • 第二十一章 TCP 客户端 服务器通信 - 客户端OPEN命令
  • Spring Boot汽车资讯:科技与汽车的新篇章
  • Redis中的String数据类型及相关命令
  • 使用 AWR 进行 Exadata 性能诊断
  • 小华一级 代理商 HC32L072KATA LQFP64