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

阿斌_bingyu7092024-11-19 10:09

背景

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

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

解决方案

算了，还是自己研究一下看代码：

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

扩展

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

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