返回介绍

开发指南

组件

JS

模板

route 路由跳转

发布于 2021-04-03 05:35:22 字数 1950 浏览 968 评论 0 收藏 0

route(Object)

此为一个路由跳转方法,内部是对uni多个路由跳转api的封装,更方便使用

Object参数说明:

参数名类型默认值是否必填说明
typeStringnavigateTofalsenavigateToto对应uni.navigateToredirectredirectTo对应uni.redirectToswitchTabtab对应uni.switchTabreLaunch对应uni.reLaunchnavigateBackback对应uni.navigateBack
urlString-falsetypenavigateToredirectToswitchTabreLaunch时为必填
deltaNumber1falsetypenavigateBack时用到,表示返回的页面数
paramsObject-false传递的对象形式的参数,如{name: 'lisa', age: 18}
animationTypeStringpop-infalse只在APP生效,详见窗口动画
animationDurationNumber300false动画持续时间,单位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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文