1. uniapp 页面跳转及字符串转义
1.1. uniapp页面跳转方法
在uniapp中,页面跳转可以通过多种方式进行,包括但不限于路由跳转和页面间事件通信。
一. 路由跳转
在uniapp中,路由跳转是指通过改变页面url的方式来跳转到不同的页面。uni-app提供了一套路由跳转的API,包括:
(1)uni.navigateTo():保留当前页面,跳转到应用内的某个页面。
(2)uni.navigateBack()可以返回到原页面。
(3)uni.redirectTo():关闭当前所有页面,打开应用的非底部导航栏页面。
(4)uni.reLaunch():关闭所有页面,打开应用的非底部导航栏页面。
(5)uni.switchTab():跳转到应用的底部导航栏页面14。
(6)uni.navigateBack():关闭当前页面,返回上一页面或多级页面4。
二. 页面间事件通信
除了路由跳转,我们还可以通过页面间事件通信来达到页面跳转的效果。具体而言,我们可以在父级页面中通过props给子页面传递参数,并通过事件监听来实现子页面中的跳转。
以上是几种常见的在uni-app中进行页面跳转和传递参数的方法。根据具体需求选择合适的方法来实现页面之间的跳转和参数传递。请注意,不同的方法适用于不同的场景,要根据实际需要选择适合的方式。
1.1.1. uni.navigateTo
保留当前页面,跳转到应用内的某个页面。
uni.navigateTo({url: '/pages/detail/detail?id=1&name=测试'
});
通过这种方式跳转后,用户可以点击左上角的返回按钮回到上一页。适用于需要在多个页面间灵活切换,且保留当前页面状态的场景,比如从商品列表页跳转到商品详情页。
1.1.2. uni.redirectTo
关闭当前页面,跳转到应用内的某个页面。
uni.redirectTo({url: '/pages/login/login'
});
这种跳转方式会销毁当前页面,常用于登录成功后,从登录页面跳转到首页,避免用户通过返回按钮又回到登录前的状态。