{"id":12389,"date":"2024-03-14T15:45:55","date_gmt":"2024-03-14T15:45:55","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/"},"modified":"2025-08-05T00:56:56","modified_gmt":"2025-08-05T00:56:56","slug":"how-is-the-navigateto-function-used-in-uniapp","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/","title":{"rendered":"Uniapp navigateTo Guide: Page Navigation"},"content":{"rendered":"<p>In uni-app, navigateTo is the method used for page navigation. Its usage is as follows:<\/p>\n<pre class=\"post-pre\"><code>uni.<span class=\"hljs-title function_\">navigateTo<\/span>({\r\n  <span class=\"hljs-attr\">url<\/span>: <span class=\"hljs-string\">'path\/to\/page'<\/span>,  <span class=\"hljs-comment\">\/\/ \u8df3\u8f6c\u7684\u9875\u9762\u8def\u5f84<\/span>\r\n  <span class=\"hljs-attr\">success<\/span>: <span class=\"hljs-keyword\">function<\/span>(<span class=\"hljs-params\"><\/span>) {\r\n    <span class=\"hljs-comment\">\/\/ \u8df3\u8f6c\u6210\u529f\u7684\u56de\u8c03\u51fd\u6570<\/span>\r\n  },\r\n  <span class=\"hljs-attr\">fail<\/span>: <span class=\"hljs-keyword\">function<\/span>(<span class=\"hljs-params\"><\/span>) {\r\n    <span class=\"hljs-comment\">\/\/ \u8df3\u8f6c\u5931\u8d25\u7684\u56de\u8c03\u51fd\u6570<\/span>\r\n  },\r\n  <span class=\"hljs-attr\">complete<\/span>: <span class=\"hljs-keyword\">function<\/span>(<span class=\"hljs-params\"><\/span>) {\r\n    <span class=\"hljs-comment\">\/\/ \u8df3\u8f6c\u5b8c\u6210\u7684\u56de\u8c03\u51fd\u6570\uff08\u65e0\u8bba\u6210\u529f\u4e0e\u5426\uff09<\/span>\r\n  }\r\n})\r\n<\/code><\/pre>\n<p>The navigateTo method is used to transition from the current page to another page within the app. After transitioning, you can return to the original page by using the back button. The path to the page being navigated to must be a relative path and start with a \/.<\/p>\n<p>Successful callback functions and failed callback functions can be handled according to the actual situation, such as displaying prompt messages or performing other operations. The completed callback function will be called after the redirection is completed.<\/p>\n<p>It is important to note that the number of pages navigated to using the navigateTo method cannot exceed 5. If more than 5 pages are opened, the earliest opened page will be automatically closed. If you want to navigate to a page that is not the current one, consider using the redirectTo method.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In uni-app, navigateTo is the method used for page navigation. Its usage is as follows: uni.navigateTo({ url: &#8216;path\/to\/page&#8217;, \/\/ \u8df3\u8f6c\u7684\u9875\u9762\u8def\u5f84 success: function() { \/\/ \u8df3\u8f6c\u6210\u529f\u7684\u56de\u8c03\u51fd\u6570 }, fail: function() { \/\/ \u8df3\u8f6c\u5931\u8d25\u7684\u56de\u8c03\u51fd\u6570 }, complete: function() { \/\/ \u8df3\u8f6c\u5b8c\u6210\u7684\u56de\u8c03\u51fd\u6570\uff08\u65e0\u8bba\u6210\u529f\u4e0e\u5426\uff09 } }) The navigateTo method is used to transition from the current page to another page within the [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[7372,13600,11794,16212,1873],"class_list":["post-12389","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-mobile-app-tutorial","tag-navigateto","tag-page-navigation","tag-uni-app-development","tag-uniapp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Uniapp navigateTo Guide: Page Navigation - Blog - Silicon Cloud<\/title>\n<meta name=\"description\" content=\"Master uniapp navigateTo for app page navigation. Learn syntax, callbacks &amp; best practices with code examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Uniapp navigateTo Guide: Page Navigation\" \/>\n<meta property=\"og:description\" content=\"Master uniapp navigateTo for app page navigation. Learn syntax, callbacks &amp; best practices with code examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-14T15:45:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-05T00:56:56+00:00\" \/>\n<meta name=\"author\" content=\"Sophia Anderson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sophia Anderson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/\"},\"author\":{\"name\":\"Sophia Anderson\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/19a24313de9c988db3d69226b4a40a30\"},\"headline\":\"Uniapp navigateTo Guide: Page Navigation\",\"datePublished\":\"2024-03-14T15:45:55+00:00\",\"dateModified\":\"2025-08-05T00:56:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/\"},\"wordCount\":155,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"keywords\":[\"Mobile App Tutorial\",\"navigateTo\",\"page navigation\",\"uni-app development\",\"Uniapp\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/\",\"name\":\"Uniapp navigateTo Guide: Page Navigation - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-14T15:45:55+00:00\",\"dateModified\":\"2025-08-05T00:56:56+00:00\",\"description\":\"Master uniapp navigateTo for app page navigation. Learn syntax, callbacks & best practices with code examples.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Uniapp navigateTo Guide: Page Navigation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/19a24313de9c988db3d69226b4a40a30\",\"name\":\"Sophia Anderson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c726c09aa40e37115fb5c62d0c3ed62c16ca255d3763e2e3ae83a70ddf8c2175?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c726c09aa40e37115fb5c62d0c3ed62c16ca255d3763e2e3ae83a70ddf8c2175?s=96&d=mm&r=g\",\"caption\":\"Sophia Anderson\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/sophiaanderson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Uniapp navigateTo Guide: Page Navigation - Blog - Silicon Cloud","description":"Master uniapp navigateTo for app page navigation. Learn syntax, callbacks & best practices with code examples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/","og_locale":"en_US","og_type":"article","og_title":"Uniapp navigateTo Guide: Page Navigation","og_description":"Master uniapp navigateTo for app page navigation. Learn syntax, callbacks & best practices with code examples.","og_url":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-14T15:45:55+00:00","article_modified_time":"2025-08-05T00:56:56+00:00","author":"Sophia Anderson","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Sophia Anderson","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/"},"author":{"name":"Sophia Anderson","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/19a24313de9c988db3d69226b4a40a30"},"headline":"Uniapp navigateTo Guide: Page Navigation","datePublished":"2024-03-14T15:45:55+00:00","dateModified":"2025-08-05T00:56:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/"},"wordCount":155,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"keywords":["Mobile App Tutorial","navigateTo","page navigation","uni-app development","Uniapp"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/","url":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/","name":"Uniapp navigateTo Guide: Page Navigation - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-14T15:45:55+00:00","dateModified":"2025-08-05T00:56:56+00:00","description":"Master uniapp navigateTo for app page navigation. Learn syntax, callbacks & best practices with code examples.","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-navigateto-function-used-in-uniapp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Uniapp navigateTo Guide: Page Navigation"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/19a24313de9c988db3d69226b4a40a30","name":"Sophia Anderson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c726c09aa40e37115fb5c62d0c3ed62c16ca255d3763e2e3ae83a70ddf8c2175?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c726c09aa40e37115fb5c62d0c3ed62c16ca255d3763e2e3ae83a70ddf8c2175?s=96&d=mm&r=g","caption":"Sophia Anderson"},"url":"https:\/\/www.silicloud.com\/blog\/author\/sophiaanderson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/12389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=12389"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/12389\/revisions"}],"predecessor-version":[{"id":156180,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/12389\/revisions\/156180"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=12389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=12389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=12389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}