uniapp 标签跳转
时间: 2023-09-14 13:15:01 浏览: 111
在uniapp中,可以使用uni.navigateTo()方法来实现跳转到指定的页面。通过该方法,你可以在需要跳转的页面中调用uni.navigateTo({ url: '/pages/detail/detail' })来实现跳转。另外,uniapp还提供了uni.switchTab()方法,可以用来跳转到底部导航栏配置的页面,也就是TabBar页面。需要注意的是,配置成导航栏的页面无法通过navigateTo方法跳转,只能通过switchTab方法。所以,在跳转到非TabBar页面时可以使用uni.navigateTo方法,跳转到TabBar页面可以使用uni.switchTab方法。例如,在index.vue页面中需要跳转到test1.vue页面,可以在需要绑定点击事件的按钮上添加@click="toTest1"事件,并在methods中编写toTest1方法调用uni.navigateTo({ url: '/pages/test1/test1' })。而在test1页面中想要通过点击按钮跳转到index页面,则可以在按钮上添加@click="toIndex"事件,并在methods中编写toIndex方法调用uni.switchTab({ url: '/pages/index/index' })。这样就可以实现在uniapp中使用标签跳转了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uniapp中页面滑动跳转到指定的页面](https://blog.csdn.net/qq_44866810/article/details/130560441)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [UNIAPP安卓NFC写入包名跳转APP](https://download.csdn.net/download/eocsmcom/85948010)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [uniapp的两个跳转方式](https://blog.csdn.net/weilaaer/article/details/128434860)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文