javascript - 小程序跳转失败?

问题描述

问 题

     绑定了一个点击事件 
      <view data-idx="{{itemName.mark}}" class="chat-item flex-wrp" wx:for="{{ylInfo}}" wx:for-item="itemName"  bindtap="tiao">跳转<view>
      
      
      下面是事件的内容
      tiao:function(e){
          wx.navigateTo({
                  url: '../index/index',//页面跳转相对路径要写清楚且准确
                  success: function(res){
                    console.log('跳转到news页面成功')// success
                  },
                  fail: function() {
                  console.log('跳转到news页面失败')  // fail
                  },
                  complete: function() {
                    console.log('跳转到news页面完成') // complete
                  }
          })
          }
          
          
          //下面是我记录的日志 
          
          跳转到news页面失败
          
          
          
          
          
          
          

解决方案

1、确定../index/index 页面在app.json里面有？

2、../index/index 是不是tabBar页面？如果是tabBar页面不能用wx.navigateTo，要用wx.switchTab

微信小程序API如下:
wx.navigateTo(OBJECT)
保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。

wx.switchTab(OBJECT)
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

Tip: wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面

https://mp.weixin.qq.com/debu...

这篇关于javascript - 小程序跳转失败?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！