微信小程序api视频课程-路由-wx.switchTab（tab切换）的使用

Love The Way You Lie 2024-02-19 19:18 24阅读 0赞

### wxml代码 ###

wx.switchTab(Object object)
    跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
    
    <button bindtap="tz">跳转tab页面</button>
    
    <navigator url='/pages/index/index2' open-type='switchTab'>跳转tab页面</navigator>

js代码

/**
       * 页面的初始数据
       */
      data: {
    
      },
      tz:function(e){
        wx.switchTab({
          url: '/pages/index/index2',
        })
      },

直接在自定义函数中调用api来进行跳转  
微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：[https://edu.csdn.net/topic/huangjuhua][https_edu.csdn.net_topic_huangjuhua]

[欢迎大家收看我的视频教程：微信小程序常用API使用][API]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM4MTgyMDU_size_16_color_FFFFFF_t_70]

[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[API]: https://ke.qq.com/course/383235?tuin=2b10d56
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM4MTgyMDU_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/cc28eddbd5704e45868956c0f9aa4fe8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，24人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序api视频课程-界面-交互-wx.showActionSheet操作菜单的使用

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

红太狼/ 2024年02月19日 19:19/ 0 赞/ 34 阅读

相关微信小程序api视频课程-路由-wx.reLaunch（重启动）的使用

wxml代码关闭所有页面，打开到应用内的某个页面 <button bindtap="tz01">reLaunch01</button>

心已赠人/ 2024年02月19日 19:18/ 0 赞/ 22 阅读

相关微信小程序api视频课程-路由-wx.navigateTo + wx.navigateBack的使用

wxml代码 <view> wx.navigateTo(Object object) 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar

曾经终败给现在/ 2024年02月19日 19:18/ 0 赞/ 19 阅读

相关微信小程序api视频课程-路由-wx.redirectTo（页面重定向）的使用

wxml代码 wx.redirectTo(Object object) 关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

谁践踏了优雅/ 2024年02月19日 19:18/ 0 赞/ 21 阅读

相关微信小程序api视频课程-路由-wx.switchTab（tab切换）的使用

wxml代码 wx.switchTab(Object object) 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

Love The Way You Lie/ 2024年02月19日 19:18/ 0 赞/ 25 阅读

相关微信小程序api视频课程-定时器-setTimeout的使用

JS代码 / 生命周期函数--监听页面加载 / onLoad: function (options) {

墨蓝/ 2024年02月19日 19:18/ 0 赞/ 23 阅读

相关微信小程序api视频课程-定时器-setInterval+clearInterval的使用

页面效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

忘是亡心i/ 2024年02月19日 19:18/ 0 赞/ 36 阅读

相关微信小程序api视频课程-定时器-setInterval的使用

js代码 fly: function (options) { console.log(options) }, /

客官°小女子只卖身不卖艺/ 2024年02月19日 19:18/ 0 赞/ 22 阅读

相关微信小程序api视频课程-基础-系统信息-wx.getSystemInfo的使用

js代码 / 生命周期函数--监听页面加载 / onLoad: function (options) { w

末蓝、/ 2024年02月19日 19:18/ 0 赞/ 37 阅读

相关微信小程序api视频课程-基础-wx.canIUse的使用

js代码 / 生命周期函数--监听页面加载 / onLoad: function (options) { c

小咪咪/ 2024年02月19日 19:17/ 0 赞/ 22 阅读