uni-app 跨平台应用开发教程.pdf
文本预览下载声明
目 录
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
显示全部