当前位置: 首页 > news >正文

前端修炼手册(uniapp的api篇)

一、页面相关API

  1. uni.navigateTo
    该API用于跳转到应用内的某个页面,可以传递参数。
uni.navigateTo({url: '/pages/detail/detail?id=1'
})
  1. uni.redirectTo
    该API用于关闭当前页面并跳转到应用内的某个页面,可以传递参数。
uni.redirectTo({url: '/pages/detail/detail?id=1'
})
  1. uni.switchTab
    该API用于跳转到应用内的某个tab页,tab页是在pages.json中配置的。
uni.switchTab({url: '/pages/index/index'
})
  1. uni.reLaunch
    该API用于关闭所有页面并跳转到应用内的某个页面,可以传递参数。
uni.reLaunch({url: '/pages/index/index'
})
  1. uni.navigateBack
    该API用于返回上一页或多级页面。
uni.navigateBack({delta: 1
})

二、网络请求API

  1. uni.request
    该API用于发起网络请求,支持GET、POST等请求方式。
uni.request({url: 'https://api.example.com',method: 'GET',data: {id: 1},success: (res) => {console.log(res.data)},fail: (err) => {console.log(err)}
})
  1. uni.uploadFile
    该API用于上传文件,支持上传到服务器或云存储。
uni.uploadFile({url: 'https://api.example.com',filePath: 'path/to/file',name: 'file',success: (res) => {console.log(res.data)},fail: (err) => {console.log(err)}
})
  1. uni.downloadFile
    该API用于下载文件,支持下载到本地或云存储。
uni.downloadFile({url: 'https://example.com/file',success: (res) => {console.log(res.tempFilePath)},fail: (err) => {console.log(err)}
})

三、媒体相关API

  1. uni.chooseImage
    该API用于从相册或相机选择图片。
uni.chooseImage({count: 1,success: (res) => {console.log(res.tempFilePaths)},fail: (err) => {console.log(err)}
})
  1. uni.previewImage
    该API用于预览图片。
uni.previewImage({urls: ['image1.jpg', 'image2.jpg'],current: 'image1.jpg'
})
  1. uni.saveImageToPhotosAlbum
    该API用于保存图片到相册。
uni.saveImageToPhotosAlbum({filePath: 'image.jpg',success: () => {console.log('保存成功')},fail: (err) => {console.log(err)}
})

四、地理位置相关API

  1. uni.getLocation
    该API用于获取当前地理位置。
uni.getLocation({type: 'wgs84',success: (res) => {console.log(res.latitude, res.longitude)},fail: (err) => {console.log(err)}
})
  1. uni.openLocation
    该API用于打开地图选择位置。
uni.openLocation({latitude: 39.9,longitude: 116.4,name: '北京市',address: '朝阳区'
})

五、设备相关API

  1. uni.getSystemInfo
    该API用于获取设备信息。
uni.getSystemInfo({success: (res) => {console.log(res.model, res.platform)},fail: (err) => {console.log(err)}
})
  1. uni.scanCode
    该API用于扫描二维码。
uni.scanCode({success: (res) => {console.log(res.result)},fail: (err) => {console.log(err)}
})
  1. uni.makePhoneCall
    该API用于拨打电话。
uni.makePhoneCall({phoneNumber: '10086'
})
http://www.lryc.cn/news/297805.html

相关文章:

  • JAVA面试题16
  • P1044 [NOIP2003 普及组] 栈题解
  • 【DSP】数字信号处理发展里程碑(AI【文心一言】 辅助生成)
  • 【JavaScript 】finally() 方法和Filter() 方法
  • 假期作业8
  • 基于vue+node.js的校园跳蚤市场系统多商家
  • Linux操作系统基础(六):Linux常见命令(一)
  • 【Android-Compose】Material3 新版下拉刷新 PullRefresh
  • FANUC机器人外部远程启动的相关参数设置示例
  • 供货商、品牌方、供应链如何对接快团团头部大团长?这三个关键点你一定要记住
  • LLMs之Llama2 70B:《Self-Rewarding Language Models自我奖励语言模型》翻译与解读
  • 电商小程序06用户审核
  • vue3跨组件(多组件)通信:事件总线【Event Bus】
  • 教材管理系统
  • PV、UV、IP
  • ZigBee学习——在官方例程上实现串口通信
  • nginx添加lua模块
  • Csapp-chapter3-压栈和弹栈
  • Rust入门1——HelloWorld
  • android中使用Bitmp对象绘制图形
  • Linux操作系统基础(八):Linux的vi/vim编辑器
  • nginx限制网段访问
  • Linux开机自动执行自定义脚本或命令
  • 【Linux】 网络编程套接字
  • MATLAB矩阵的操作(第二部分)
  • 基础面试题整理6之Redis
  • MySQL基础查询篇(7)-常用的字符串函数
  • 如何实现视线(目光)的检测与实时跟踪
  • STM32 FSMC (Flexible static memory controller) 灵活静态内存控制器介绍
  • 手把手教你开发Python桌面应用-PyQt6图书管理系统-图书信息维护模块UI设计实现