# route 路由跳转
# route(Object)
此为一个路由跳转方法,内部是对uni多个路由跳转api的封装,更方便使用
Object参数说明:
参数名 | 类型 | 默认值 | 是否必填 | 说明 |
---|---|---|---|---|
type | String | navigateTo | false | navigateTo 或to 对应uni.navigateTo ,redirect 或redirectTo 对应uni.redirectTo ,switchTab 或tab 对应uni.switchTab ,reLaunch 对应uni.reLaunch ,navigateBack 或back 对应uni.navigateBack |
url | String | - | false | type 为navigateTo ,redirectTo ,switchTab ,reLaunch 时为必填 |
delta | Number | 1 | false | type 为navigateBack 时用到,表示返回的页面数 |
params | Object | - | false | 传递的对象形式的参数,如{name: 'lisa', age: 18} |
animationType | String | pop-in | false | 只在APP生效,详见窗口动画 (opens new window) |
animationDuration | Number | 300 | false | 动画持续时间,单位ms |
export default{
onLoad() {
setTimeout(() => {
this.$u.route({
url: 'pages/components/empty/index',
params: {
name: 'lisa'
}
})
}, 2000)
}
}
# 简写
注:为了方便简写和调用,可以直接传递一个url
地址替代Object
,它只能执行uni.navigateTo
类型的地址,不支持跳转到Tabbar页面,
如果有参数需要携带,以对象形式写到方法的第二个参数中。
// 无参数
this.$u.route('/pages/components/empty/index');
// 带参数
this.$u.route('/pages/components/empty/index', {
name: 'lisa',
age: 20
});