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

背景

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

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

解决方案

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

javascript 复制代码
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();

javascript 复制代码
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;
	}
	
},

扩展

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

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

相关推荐
白远山13 小时前
上海24小时自助健身房系统软件开发实战指南
java·架构·uni-app·需求分析
白远山1 天前
上海24小时自助健身房系统软件开发实战指南:从需求到部署
java·架构·uni-app·需求分析
海鸥两三2 天前
小程序文档预览 · 进阶面试题
小程序·uni-app·uniapp
海鸥两三2 天前
微信小程序 PDF 预览实践(uni.downloadFile → uni.openDocument)
小程序·uni-app
PedroQue992 天前
uni-app x 事件通信插件重磅上线
前端·uni-app
gnip3 天前
uni-app 原生插件
前端·javascript·uni-app
白远山4 天前
自助健身小程序源码:架构拆解、核心链路与本地部署实战
java·架构·uni-app·需求分析
2501_915909064 天前
怎么用 FlutterFlow 把应用发布到 App Store?
android·ios·小程序·https·uni-app·iphone·webview
2501_915918415 天前
怎么把 Python 写的 Flet 应用打包成 iOS App 并上架 App Store?
android·ios·小程序·https·uni-app·iphone·webview
Geek_Vison5 天前
小程序容器如何抹平系统差异,让一个小程序运行在 iOS、安卓、鸿蒙和电脑端
小程序·uni-app·harmonyos·mpaas