[uniapp页面路由跳转]详细讲解uniapp中使用标签和的api完成页面跳转使用方法 代码注释

Uniapp是一款基于Vue.js的跨平台开发框架，允许开发者使用同一套代码构建多个平台的应用程序，包括iOS、Android、Web、微信小程序、支付宝小程序、百度小程序、头条小程序等。在Uniapp中，页面跳转是非常重要的功能之一，本文将详细介绍Uniapp中页面跳转的各种标签和API的使用方法，同时附上代码注释，方便开发者理解和使用。

一、标签跳转— 把跳转的信息写在标签当中

1. a标签

a标签是HTML中最常见的跳转标签，Uniapp也支持在页面中使用a标签进行跳转。需要注意的是，a标签的href属性只支持相对路径和绝对路径，不支持uni-app自定义的路由格式。

<!-- 相对路径跳转 -->
<a href="../pages/index/index">跳转到首页</a>

<!-- 绝对路径跳转 -->
<a href="/pages/index/index">跳转到首页</a>

2. navigator标签

navigator标签是Uniapp中专门用于页面跳转的标签，支持uni-app自定义的路由格式，可以通过url参数传递数据。navigator标签有以下几个属性：

• url：跳转的目标页面路径，支持相对路径和绝对路径。
• open-type：跳转方式，可选值为navigate、redirect、switchTab、reLaunch、navigateBack。
• delta：返回的页面数，仅当open-type为navigateBack时生效。
• hover-class：点击时的样式类。
• hover-stop-propagation：是否阻止事件冒泡。
• hover-start-time：按住后多久出现点击态，单位为毫秒。
• hover-stay-time：手指松开后点击态保留时间，单位为毫秒。

<!-- 相对路径跳转 -->
<navigator url