uniapp基础

本文介绍了uniapp的常用生命周期函数,如onLoad、onShow等,以及如何处理页面缓存、下拉刷新和上拉加载。同时,展示了uniapp中的提示、页面跳转、打开链接和下载文件的方法,提供了完整的代码示例。
摘要由CSDN通过智能技术生成

uniapp

1.常用生命周期

onLoad(){
	console.log('第一次加载页面,没有任何缓存')
	var users = uni.getStorageSync('user'); // 获取本地缓存的值
	},
onShow(){
	console.log('不是第一次加载页面,里面有缓存')
	Promise.all(this.$common.memberObj.introduction(['payment_CCboj'])) // 同步执行
				.then(values => {
					this.P_CCboj = values[0]
					console.log('抄送对象', this.P_CCboj);
					uni.removeStorageSync('payment_CCboj'); // 清除本地缓存的值
				})
				.catch(Error => {
					console.log(Error, '失败');
				});
	},
onPullDownRefresh() { // 需要配合pages.json 里面'enablePullDownRefresh':true 才能使用
	console.log('触发下拉')
		setTimeout(function() {
			uni.stopPullDownRefresh(); // 结束上拉动画
		}, 1500);
	},
onReachBottom() {
	console.log('触发上拉 常使用与分页')
	},
methods:{
	console.log('方法 -- 函数')
}
  1. pages.json
{
			"path": "pages/Findjob/Findjob", // 文件路径
			"style": {
				// "navigationBarTitleText": "找工作", // 头顶标题
				"enablePullDownRefresh": true, // 开启下拉刷新
				"app-plus": {
					"titleNView": false //禁用原生导航栏
				}
			}
		},
		
  1. 提示
showToast(e) { //提示
	uni.showToast({
			title: 'e', // 提示文字
			icon: 'none', // 提示图片
			duration: 2000 // 提示时间
		})
	},

uni.showLoading({
		title: "加载中"
	})
 uni.hideLoading() //停止加载

4.跳转

uni.navigateTo({  // 跳转到哪一个页面
					url: '../shoppinglist_details/shoppinglist_details?search=1&cid=' + e + '&id=' + k
			});
uni.navigateBack({
					delta: 1  // 返回到上一级页面,2返回练级,以此类推
					});
openURL(){
	plus.runtime.openURL('https://www.baidu.com') // 重app 跳转到浏览器某个页面
	}
	const downloadTask = uni.downloadFile({
			url: 'http://www.cdtiejian.com/tiejian.apk',  
					    success: (downloadResult) => {
					
					        if (downloadResult.statusCode === 200) {
								uni.showToast({
									title: "安装包下载成功,即将安装",
									icon: "none",
									duration: 2000,
								});
					            console.log('安装包下载成功,即将安装:' + JSON.stringify(downloadResult,null, 4));
					            plus.runtime.openFile(downloadResult.tempFilePath);
					        }
					    }
				});
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值