小程序绑定事件跳转的三种方法

简介: 小程序绑定事件跳转的三种方法
1:wx.navigateTo ;保留当前页面(有返回按钮)

效果:

demo示例:

wxml:

<view bindtap="bindViewTap" class="up">
   我要绑定事件来跳转了
</view>

js:

Page({
  data: {
  },
  //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../site/site'
    })
  },
  onLoad: function() {
  },
})

wxss:

1. .up {
2. height: 80rpx;
3. line-height: 80rpx;
4. background:#44b0fc;
5. color: #fff;
6. text-align: center;
7. }
2:wx.redirectTo;关闭当前页面(无返回按钮)

wxml和样式同上

js:

Page({
  data: {
  },
  //事件处理函数
  bindViewTap: function() {
    //2:关闭当前页面(无返回按钮)
    wx.redirectTo({
      url: '../site/site'
    })
  },
  onLoad: function() {},
})
3:wx.switchTab;跳转到tabBar页面(底部导航)

遇到第一种wx.navigateTo 不跳转问题的时候(大多数是因为想要跳的界面是对应底部的导航,所以没有反应;这个时候,就需要用到这种方法了)

js:

Page({
  data: {},
  //事件处理函数
  bindViewTap: function() {
    //3:跳转到tabBar页面(底部导航)
    //这种方法通常  是遇到wx.navigateTo 不跳转问题的时候(大多数是跳的底部的导航,所以没有反应)
    wx.switchTab({
      url: '../me/me'
    })
  },
  onLoad: function() {},
})
相关文章
|
编解码 小程序
微信小程序11177版本开启控制台方法
微信小程序11177版本开启控制台方法
|
8月前
|
Web App开发 移动开发 小程序
公众号小程序H5网页像素流送UE5模型的方法分享
本文探讨了如何通过像素流送技术在小程序、公众号等平台展示复杂的3D模型(如UE5引擎开发的楼盘模型、数字孪生展厅)。该技术将GPU和CPU算力需求转移到服务器端,使用户侧无需高性能硬件即可流畅体验。通过Webrtc实现实时云渲染,确保毫秒级响应,且兼容多种浏览器。使用点量云流等产品级软件,老项目只需重新打包为EXE格式,即可轻松嵌入H5网页、小程序或公众号中,支持Unity、WebGL等多种3D应用及传统CAD模型。
250 1
|
小程序
小程序消除图片下边距的三个方法
小程序消除图片下边距的三个方法
245 69
|
小程序
微信小程序多种跳转页面方式
微信小程序多种跳转页面方式
|
缓存 小程序 数据库
小程序页面之间(传值)传递数据的方法
小程序页面之间(传值)传递数据的方法
436 63
|
小程序 JavaScript
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
这篇文章讲解了微信小程序中页面跳转的方法,包括使用按钮点击事件和调用方法实现跳转,以及推荐使用`this.pageRouter.navigateTo`代替`wx.navigateTo`的方式。
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
|
小程序 开发工具
app跳转微信小程序,使用明文scheme拉起
app跳转微信小程序,使用明文scheme拉起
2745 4
|
小程序 安全
Fiddler抓取小程序后端请求导入AppScan扫描快捷方法
【8月更文挑战第26天】这是一种利用 Fiddler 捕获小程序后端请求并导入 AppScan 进行安全扫描的方法。首先安装配置 Fiddler 并设置手机代理,通过 Fiddler 捕获请求;接着导出这些请求为 .saz 文件,并在 AppScan 中导入此文件,配置扫描参数后启动扫描以检测安全漏洞。操作时需确保有合法授权并遵循相关法规。尽管不同版本软件操作细节可能有所不同,但整体流程类似。
573 1
|
小程序
微信小程序APPID的两种查看方法
查看微信小程序APPID的两种方法:1) 在小程序内点击右上角“...”,进入查看页面,点击“更多资料”查看;2) 登录微信公众平台([https://mp.weixin.qq.com/](https://mp.weixin.qq.com/)),进入【设置】查看“账号信息”。
12516 1

热门文章

最新文章

下一篇
开通oss服务