uniapp2（api）

最新推荐文章于 2024-09-14 17:41:18 发布

weixin_45728505

最新推荐文章于 2024-09-14 17:41:18 发布

阅读量149

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_45728505/article/details/126934485

版权

延时器，注意写法，其中（）=> 要注意，

delay(){
				console.log(123)
				var time=setTimeout(()=>{console.log(this.delay1)},2000)
				var time=setTimeout(()=>{console.log('延时3秒')},3000)
			     var time=setInterval(()=>{console.log('2秒一循环')},2000)
			}

api页面跳转，注意，从普通页面无法跳转回tapbar页面，只能再次跳转到新的普通页面

jump(){
				//跳转
				uni.navigateTo({
					url:'../test2/test2'
				})
			},
jump2(){
//关闭当前页面再跳转
				uni.redirectTo({
					url:'../test2/test2'
				})
			}
//两个方法均不能跳转回tapbar页面

生命周期unOnload()，可监听页面关闭，写在export default下，与method同层

onUnload() {
			console.log('test1页面关闭')
		}

存储数据、获取、移除

//写在data（return（）里面
//存储key为name的数据
				saveN(){
					uni.setStorage({
						key:'name',
						data:'ttl'
					})
//注意同一个key多次存储会被覆盖
				},
				saveX(){
					uni.setStorage({
						key:'sex',
						data:'female',
					})	
				},
//获取某一个key的数据
				get(){
					uni.getStorage({
						key:'name',
						success(res){
							console.log(res.data)
						}
					})
				},
//获取所有数据
				getAll(){
					uni.getStorageInfo({
						success(res) {
							console.log(res.keys)
						}
					})
				},
//移除其中一个数据
				removeX(){
					uni.removeStorage({
						key:'sex',
						success(res) {
							console.log('已移除')
						}
					})
				}

移除后sex没有了，重新存储sex又会有的

选择图像和获取图像信息：

				uni.chooseImage({
					success(res) {
						console.log('success')
						console.log(res.tempFilePaths)
						uni.getImageInfo({
//注意res.tempfilepaths是数组，所以要选择序号为0的才是正确路径
							src:res.tempFilePaths[0],
							success(img) {
								console.log(img.height)
								console.log(img.width)
							}
						})
					}
				})

面对不同的开发环境时，例如app或微信小程序，要用if分支语句来条件编译。

**写法：**以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。

原生子窗体：subNvue，是 vue 页面的原生子窗体，把weex渲染的原生界面当做 vue 页面的子窗体覆盖在页面上。它不是全屏页面，它给App平台vue页面中的层级覆盖和原生界面自定义提供了更强大和灵活的解决方案。它也不是组件，就是一个原生子窗体。

1、在页面下新建文件夹subNVue，再新建xx.nvue文件；

2、在pages.json里加入代码，具体参考官方文档，尤其是‘id’，‘路径’、样式、、

3、在原代码中调用