微信小程序 navigator 和 wx.navigateTo不跳转问题

这篇具有很好参考价值的文章主要介绍了微信小程序 navigator 和 wx.navigateTo不跳转问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

这个问题可能是很多新手会遇到的问题,有经验的人一眼就能看出问题了

1、先确保 app.js  已经注册了页面路径

2、索要跳转的页面不是 tabBar, tabBar 也可以设置 open-type="switchTab" 跳转

3、我们来一起分析下

先看有问题的代码,看起来很正常

//wxml
<navigator class="title-more" url="/pages/service-prodiver/sp-list/">更多 >></navigator>


因为用  navigator 跳转不了,我尝试用   wx.navigateTo,

 wx.navigateTo({
      url: url,
      events: {
        // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
        // acceptDataFromOpenedPage: function(data) {
        //   console.log(data)
        // },
        // someEvent: function(data) {
        //   console.log(data)
        // } 
      },
      success: function(res) {
        console.log(res)
        // 通过 eventChannel 向被打开页面传送数据
        // res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
      },
      complete(res){
        console.log(res)
      }
    })

还是跳转不了,但是点击的时候 complete 函数给出了奇怪的提示  page "xxx" is not found

wx.navigateto跳转不了,小程序,前端

重点:折腾了好几个小时,重新创建了页面,又重新写了几遍发现。

原来参数 ? 前面不能加 / 气人不。也没有看到哪里有说明。

<navigator class="title-more" url="/pages/service-prodiver/sp-list?classifyId={{serviceProvider.classifyId}}">更多 >></navigator>

如果这篇文章有帮助到你请给我点赞鼓励,谢谢。 CSDN(Dragon)文章来源地址https://www.toymoban.com/news/detail-752494.html

到了这里,关于微信小程序 navigator 和 wx.navigateTo不跳转问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序navigator不跳转

    今日编写小程序时,有一个很简单的navigator没有跳转。 代码如下: 在位博主的博客上找到以下内容: 如果之前在app.json中设置了 TabBar 并且其中 list中已有路径 ,那么在其它地方就不能再使用,使用不报错,但是也无效,不会发生跳转。 例如我在TabBar中的list中设置了一个pages/

    2024年02月04日
    浏览(33)
  • 微信小程序wx.navigateTo传给子页面参数(单个参数、多个参数)

    子页面接收 传多个参数 子页面接受 假设值是后端传过来的动态的值

    2024年02月07日
    浏览(35)
  • 小程序使用webview嵌套H5中使用iframe真机无法跳转 wx.miniProgram.navigateTo等失效问题

    小程序使用webview嵌套H5真机无法跳转 wx.miniProgram.getEnv、wx.miniProgram.navigateTo等失效无响应问题分享 原因分析:由于页面使用了iframe导致在子页面中真机无法准确获取页面运行环境(开发者工具中无影响); 解决方案:在调用方法前加一个 parent. 在父页面中调用方法即可正常运

    2024年02月03日
    浏览(32)
  • 小程序跳转方法wx.navigateTo无法跳转,不生效

    第一种:请核对是否和下面方法一样的格式并检查是否在app.json中定义 第二种:wx.navigateTo无法跳转至tabBar中含有的页面

    2024年02月15日
    浏览(42)
  • #微信小程序# 在小程序里面退出退出小程序(navigator以及API--wx.exitMiniProgram)

    需求: 在微信小程序里面,点击“取消”字样即可退出小程序,返回微信聊天界面 效果: 步骤: 方法一: 直接使用uni-app的组件—— navigator ,修改参数open-type=\\\"exit\\\" target=\\\"miniProgram\\\"即可 (直接退出,不需要执行其他操作) 方法二: 使用微信小程序API-- wx.exitMiniProgram (适用

    2024年02月12日
    浏览(32)
  • 微信小程序:navigateTo页面跳转与navigateBack返回上一页,并执行相关操作

     A页面:执行方法fn,跳转到B页面         跳转方法采用 wx.navigateTo ,跳转到新的页面,保留当前页面 B页面(路径为pages/test/test的页面): ①在某一方法中执行返回操作 wx.navigateBack({     delta: 1 }) ②刷新上一个页面 prevPage.onLoad(); ③调用上一个页面的设置值得方法  p

    2024年02月12日
    浏览(45)
  • H5跳回小程序的wx.miniProgram.navigateTo不起效果,无法跳转页面,已解决

     需求:H5中的点击首页按钮跳回小程序的首页,就写了以下代码    结果并没有跳转成功,但是alert成功,于是查找资料,换了各种api比如switchTab,redirectTo都不行,找了好多博主的帖子发现都不行,问题肯定出在url上面,于是改成下面这样,就可以成功跳转了,不得不说啊

    2024年02月11日
    浏览(39)
  • h5跳转微信小程序 wx-open-launch-weapp

    微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验。 此文档面向网页开发者,介绍微信开放标签如何使用及相关注意事项。需要注意的是,微信开放

    2024年02月04日
    浏览(34)
  • uniapp h5跳转微信小程序(wx-open-launch-weapp)

    目录 一、注意事项 二、使用步骤   三、调整样式 微信版本要求为:7.0.12及以上 系统版本要求为:iOS 10.3及以上、Android 5.0及以上 已认证的服务号 ,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。 已认证的非个人主体的小程序,使用小程

    2024年02月02日
    浏览(39)
  • 微信小程序学习实录8:H5网页跳转小程序(微信开放标签、wx-open-launch-weapp按钮不显示、noPermissionJsApi)

    微信小程序学习实录7(H5嵌入小程序、获取微信收货地址、数组对象url传值、js获取url参数) 微信小程序学习实录6(百度经纬度采集、手动调整精度、H5嵌入小程序、百度地图jsAPI、实时定位、H5更新自动刷新) 微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度

    2024年02月04日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包