开发指南
组件
- 起步
- 基础组件
- 表单组件
- 数据组件
- 反馈组件
- 布局组件
- 导航组件
- 其他组件
JS
- 开发指南
- 网络
- 工具库
模板
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
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生效,详见窗口动画 |
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
});
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论