uni-app 跨平台应用开发教程.pdfVIP

目 录 1.uni-app 页面配置和跳转 2.uni-app 发起网络请求 3. uni-app 上传文件 4.uni-app 下载文件 5.uni-app 创建socket链接 6.uni-app 获取定位 7.uni-app 扫描二维码 8.uni-app 获取网络状态 9.uni-app 获取系统信息 10.uni-app 显示提示框 11. uni-app 录音 12.uni-app 分享 13.uni-app 打开内置地图 14.uni-app 罗盘 15. uni-app 导航条加载动画 本文档使用 看云 构建 - 2 - 1.uni-app 页面配置和跳转 1.uni-app 页面配置和跳转 今天看Dcloud官网更新了个uni-app ，据说一套代码三端发布 （Android,iOS,微信小程序 ），果断一试。 uni.navigateTo(OBJECT) 保留当前页面 ，跳转到应用内的某个页面 ，使用uni.navigateBack可以返回到原页面。 OBJECT参数说明 示例 uni.navigateTo({ url: 'test?id 1&name uniapp' }); // test.vue export default { onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面传递的参数。 console.log(); //打印出上个页面传递的参数。 } } 本文档使用 看云 构建 - 3 - 1.uni-app 页面配置和跳转 注意 ：目前页面路径最多只能十层。 uni.redirectTo(OBJECT) 关闭当前页面 ，跳转到应用内的某个页面。 示例 uni.redirectTo({ url: 'test?id 1' }); uni.reLaunch(OBJECT) 关闭所有页面 ，打开到应用内的某个页面。 示例 uni.reLaunch({ url: 'test?id 1' }); export default { onLoad: function (option) { console.log(option.query); } } 本文档使用 看云 构建 - 4 - 1.uni-app 页面配置和跳转 uni.switchTab(OBJECT) 跳转到 tabBar 页面 ，并关闭其他所有非 tabBar 页面。 示例 pages.json { "tabBar": { "list": [{ "pagePath": "index", "text": "首页" },{ "pagePath": "other", "text": "其他 " }] } } other.vue uni.switchTab({ url: 'index' }); uni.navigateBack(OBJECT) 关闭当前页面 ，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈 ，决定需要返回几层。 示例 // 注意 ：调用 navigateTo 跳转时