文档详情

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

发布:2019-03-22约2.57万字共44页下载文档
文本预览下载声明
目 录 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 1name 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 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo
显示全部
相似文档