美文网首页小程序
微信小程序跳转几种方式

微信小程序跳转几种方式

作者: world_7735 | 来源:发表于2018-07-30 17:48 被阅读0次

1)给按钮绑定bindtap事件

index.wxml:

 <button class='btn' bindtap='goB'>点我去B</button>

index.js

**方法一**
goB:function(e){
     wx.navigateTo({//保留当前页面,跳转到应用内的某个页面
        url: 'xxxxx',//url里面就写上你要跳到的地址
     })
},

**方法二** 
goB:function(e){
    wx.redirectTo({//关闭当前页面,跳转到应用内的某个页面
       url: 'xxxxx'
   })
 },
         
**方法三**
goB:function(e){
     wx.reLaunch({//关闭所有页面,打开到应用内的某个页面
        url: 'xxxxx'
     })
},

2).直接写上navigator 标签,一个属性url里面,就是要跳转到的地址

<navigator url="xxxxx">跳转到B </navigator> 
直接加入
//例:
<navigator url="/page/navigate/navigate"跳转到新页面</navigator>

3).返回上一级页面用

wx.navigateBack({
     delta: 1//默认值是1,返回的页面数,如果 delta 大于现有页面数,则返回到首页。
})

4).目前基本上这些足够用到跳转页面的了,当然还有tabBar导航跳转,利用

wx.switchTab({
    url:'xxxxx'
})

相关文章

  • 微信小程序跳转几种方式

    1)给按钮绑定bindtap事件 index.wxml: index.js 2).直接写上navigator 标签...

  • 小程序-零散知识点

    1.微信小程序去除左上角返回键,几种页面的跳转方式 对应于wx.navigateTo、wx.redirectTo、...

  • 微信小程序跳转的几种方式

    设置返回按钮:有页面a 页面b 页面c c页面是保存页返回到b 但是上一页会保存为c 而不是a...

  • 小程序跳转小程序

    小程序如何跳转到其他小程序 微信小程序跳转到其他小程序有两种方式。 一种是用组件navigator跳转: 一种是用...

  • 微信小程序的跳转方式

    微信小程序有5种跳转方式 switchTab这种跳转只能跳转到 tabBar 配置的页面 navigateBack...

  • 微信小程序跳转测试

    一、我们的微信小程序跳转到另外一个小程序 1、在真机上面,微信小程序跳转到另外一个小程序,直接允许跳转就可以: 2...

  • iOS中点击按钮跳转微信小程序

    需求 在iOS的UIWebView界面,点击button,直接打开微信跳转到微信小程序。 实现方式 接入微信SDK...

  • 微信小程序开发学习

    1.微信小程序跳转

  • 微信小程序的周期解析

    微信小程序中的路由跳转方式(传参)通过navigateTo({})来进行页面的跳转 注意:保留当前页面,跳转到应用...

  • 微信小程序跳转

    最近整理了下微信官方提供的微信小程序与小程序、h5、公众号、app应用的跳转实现方式及一些规则注意事项 小程序-》...

网友评论

    本文标题:微信小程序跳转几种方式

    本文链接:https://www.haomeiwen.com/subject/koofvftx.html