当前位置: 首页 > 编程笔记 >

微信小程序 跳转页面的两种方法详解

邵城
2023-03-14
本文向大家介绍微信小程序 跳转页面的两种方法详解,包括了微信小程序 跳转页面的两种方法详解的使用技巧和注意事项,需要的朋友参考一下

微信小程序 跳转页面

小程序页面有2种跳转,可以在wxml页面或者js中:

1,在wxml页面中:

 <navigator url="../index/index">跳转到新页面</navigator>
 <navigator url="../index/index" open-type="redirect">在当前页打开</navigator>
 <navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>

2,在js页面中:

 

【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。  app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册占用的页面即为“应用内的页面” 。 如下图:home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”。

 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 本文向大家介绍微信小程序 页面跳转传递值几种方法详解,包括了微信小程序 页面跳转传递值几种方法详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序 页面跳转传递值 微信小程序导航有两种形式:一种是在写在js中进行跳转,另一种是写在wxml页面中进行跳转。 1、js导航  (1)、wx.navigateTo(OBJECT) :保留当前页面,跳转到应用内的某个页面,使用wx.navigateBac

  • 本文向大家介绍微信小程序按钮点击跳转页面详解,包括了微信小程序按钮点击跳转页面详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序中,按钮也是<button></button>标签,它通过bindtap属性绑定点击事件: 然后在js里面注册这个回调函数: 回调函数里面通过 跳转到talkPage界面。 注意,html界面要在app.json里面注册: 不注册的话会报错:navigateTo:f

  • 本文向大家介绍微信小程序页面传多个参数跳转页面的实现方法,包括了微信小程序页面传多个参数跳转页面的实现方法的使用技巧和注意事项,需要的朋友参考一下 这里举例跳转两个参数 传递多少个也可以 这里传参数 我写作 data-item data-id 来绑定 同事加了点击事件bindtap 在index.js 在 data 里我写的是假数据 在跳转页面的函数里传e 后面定义的东西根据e来确定 可以在con

  • 本文向大家介绍微信小程序出现wx.navigateTo页面不跳转问题的解决方法,包括了微信小程序出现wx.navigateTo页面不跳转问题的解决方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考,具体如下: 今天在做微信小程序的时候,做的商品购买流程。流程是这样的: 商品展示-->商品详情-->下单页

  • 本文向大家介绍微信小程序页面间跳转传参方式总结,包括了微信小程序页面间跳转传参方式总结的使用技巧和注意事项,需要的朋友参考一下 前言 在做微信小程序的时候,经常会遇到需要页面间传递参数的情况,根据目前项目经验,总结了以下几种方式:URL传参、缓存和方法调用。 URL传参 这种方式是最简单也是最常用的,这里就不做过多介绍了。 缓存 虽然URL传参比较简单易用,但也有局限性,就是只能传递简单参数,对于

  • 本文向大家介绍详解微信小程序回到顶部的两种方式,包括了详解微信小程序回到顶部的两种方式的使用技巧和注意事项,需要的朋友参考一下 在做微信小程序开发时,遇到一个问题,要如何实现返回顶部的功能,下面就用2种方法实现 一,使用view形式的回到顶部 HTML:  CSS: JS: 二.使用scroll-view形式的回到顶部 CSS: JS: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家