一、uniapp的页面首先由pages.json定义,每个页面都必须先定义好
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app"
}
}
}
二、api
uni.navigateTo
保留当前页面,跳转到应用内的某个页面
页面跳转有层级限制,小程序为十几
export default{
onLoad:function(ops){
var id=ops.id;
uni.navigateTo({
url: 'test?id=1&name=uniapp'
});
}
}
uni.redirectTo
关闭当前页面,跳转到应用内的某个页面。
uni.reLaunch
关闭所有页面,打开到应用内的某个页面。
uni.switchTab
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
uni.navigateBack
关闭当前页面,返回上一页面或多级页面
三、导航组件
<navigator url="" open-type="redirect" >跳转</navigator>
open-type 有效值
navigate 对应 uni.navigateTo 的功能
redirect 对应 uni.redirectTo 的功能
switchTab 对应 uni.switchTab 的功能
reLaunch 对应 uni.reLaunch 的功能 头条小程序不支持
navigateBack 对应 uni.navigateBack 的功能