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;
	}
	
},

扩展

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

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

相关推荐
printf_82414 分钟前
基于uniapp开发的微信H5图片上传压缩
uni-app
蜕变菜鸟4 小时前
UNI-APP小程序答题功能开发(左右滑动,判断,填空,问答,答题卡,纠错,做题倒计时等)
小程序·uni-app
九帅羽4 小时前
在应用启动时,使用 UniApp 提供的 API 检查和请求权限。
uni-app
秋田君4 小时前
Uniapp运行环境判断和解决跨端兼容性详解
uni-app
baozhengw4 小时前
uni-app快速入门(十一)--常用JS API(上)
uni-app
chen_sir_sh4 小时前
使用uniapp开发微信小程序使用uni_modules导致主包文件过大,无法发布的解决方法
微信小程序·uni-app·notepad++
Mr阿斌4 小时前
uniapp h5 实现扫扫二维码
uni-app
草字4 小时前
uniapp 修改网页标题title
java·服务器·uni-app
baozhengw4 小时前
uni-app快速入门(八)--常用内置组件(上)
java·前端·uni-app