小程序navigator不跳转

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

小程序navigator不跳转

第一幕

今日编写小程序时,有一个很简单的navigator没有跳转。
代码如下:

<navigator url="../index/index">跳转到新页面</navigator>

在位博主的博客上找到以下内容:

如果之前在app.json中设置了TabBar并且其中list中已有路径,那么在其它地方就不能再使用,使用不报错,但是也无效,不会发生跳转。
例如我在TabBar中的list中设置了一个pages/shoplist/shoplist路径,而我想在index页面中通过点击一个navigator跳转到/pages/shoplist/shoplist这个页面,就不能进行跳转.

根据以上内容,我找到自己的app.json,发现以下内容和博主情况吻合。

"tabBar":{
    "list":[
      {
        "pagePath":"pages/index/index",
        "text":"首页",
        "iconPath": "images/home1.png",
        "selectedIconPath": "images/home2.png"
      }]
}

重新设置了一个navigator路径,发现成功跳转!!!

<navigator url="../text/text">跳转到新页面</navigator>

成功解决。

第二幕

哭笑不得,刚刚我又弄了一次,结果还是navigator不能跳转。
结果发现是点击的位置问题,只有点击到特定地方才能跳转,而且这个特定地方是这个view的左边小角落,靠右边一点就不行。
代码为:

<navigator url="../test/test"><text>跳转到新页面</text></navigator>

如图中“跳转到新页面”中,只有点击“”时才可以跳转,点击“转到新页面”中的任意一个部分都不能跳转。

小程序 设置navigator 无效,BUG集锦,小程序,微信小程序
真的是哭笑不得,目前还没找到方法,找到再更新。 找到方法了,见第三幕。

第三幕

找到原因了。查了很多资料,确定是view覆盖导致无法选中有跳转的view。简单而言就是,一个view1盖住了那个有跳转的view2,导致view2 无法被选中或者只有一小部分没有被遮挡住的地方才能选中。
但是又不知道是哪个view的问题,刚开始我还对每个view添加背景色来判断,但是 找了好久都没找到,最后在微信开发者工具的左上角找到了个“可视化”的工具,真的是非常方便,一下子就找到了。
小程序 设置navigator 无效,BUG集锦,小程序,微信小程序
选中可视化后,就可以直接在模拟器上移动,很容易就发现哪个地方存在view覆盖

借鉴:
解决微信小程序navigator点击无法跳转的问题文章来源地址https://www.toymoban.com/news/detail-764218.html

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

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

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

相关文章

  • 企业微信内部跳转小程序

    企业微信官方文档 在企业微信内快速跳转到指定的小程序页面之前需要先调用wx.agentConfig 关于报错 1. wx.agentConfig成功后跳转小程序报错fail_no permission to execute wx.agentConfig中的jsApiList需要有跳转小程序的launchMiniprogram 2. wx.agentConfig报错40093 jsapi签名错误。请确认: 用于签名的j

    2024年02月11日
    浏览(125)
  • 外部h5跳转小程序页面传递参数

    h5页面传递参数:h5页面的参数是点击进入该页面利用api直接获取code跟click_id。 跳转方法一:  利用写好的接口将获取到的小程序码添加到a标签的路径进行跳转  跳转方法二: 利用接口跳转至对应的小程序    小程序接收h5传过来的数据:在app.js中,利用onLaunch生命周期获取

    2024年02月16日
    浏览(48)
  • 微信公众号跳转小程序方法

    1 公众号需要关联小程序 2 跳转方法:       wx.navigateToMiniProgram(Object object)  打开另一个小程序 wx-open-launch-weapp 标签 a标签 自定义设置菜单栏

    2024年02月12日
    浏览(123)
  • 小程序A跳转小程序B并且自动登录

    需求 例如有一个小程序A,A中有一个功能需要跳转小程序B进行查看。需要点击此功能跳转至小程序B,并且自动登录 实现方式 小程序A的跳转方法 小程序B app.js 小程序B登录界面,判断是否从其他小程序跳转过来,然后在skipLogin中去处理跳转登录逻辑即可

    2024年02月06日
    浏览(38)
  • 微信扫码跳转小程序并传参

    微信公众平台 扫码登录小程序的后台 开发》开发管理》开发设置》扫普通链接二维码打开小程序》添加 这里我用一个aa.txt来替代。把他放到test文件夹下 添加一个路由转发 访问页面验证 这里新增一个测试连接 https://我的域名/test?aa=333 然后使用二维码在线生成工具生成一个

    2024年02月12日
    浏览(76)
  • 码链跳转小程序怎么用?怎么才能接入?

    最近,关注微信站外跳转的小伙伴,可能注意到了一系列的跳转小程序的活跃。这类小程序都叫做码链系列,码链运营服务,码链运营服务助手,码链运营小助手,码链运营助手,码链运营管家,码链运营小管家,码链运营星等小程序。 码链类的小程序是原来腾讯营销通的产

    2024年02月04日
    浏览(45)
  • H5跳转小程序的方案及适用场景

    1、通过 URL Scheme 适用场景 适用于短信、邮件、外部网页、微信内等拉起小程序的业务场景(第三方普通浏览器跳转小程序) 获取方法:通过后端服务器生产 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html 使用URL Scheme注意事项 a、有实效性 b、一条scheme只针

    2024年02月11日
    浏览(52)
  • 微信外h5跳转小程序3中方式

    目前限制50wc次 微信h5浏览器环境内打开app:目录 | 微信开放文档 返回app填坑:Android app跳转微信小程序,返回app遇到的各种坑_微信返回王_gemgaozhen的博客-CSDN博客 微信小程序内跳转app:打开 App | 微信开放文档 先转短链接 文档:获取scheme码 | 微信开放文档 微信公众号h5页面跳

    2024年02月06日
    浏览(63)
  • 公众号自动回复消息添加跳转小程序链接

    是要实现在小程序授权公众号收发消息功能 在用户关注后自动回复消息(因为要实现授权前提是用户必须先关注了公众),在消息中添加可跳转小程序的链接,就可以将小程序的参数传到授权页面进行授权,这个授权页面是一个h5页面用webview嵌在小程序中显示,因为使用小程

    2024年02月12日
    浏览(51)
  • 二维码带参数跳转小程序页面,小程序获取参数。

    普通链接二维码,是指开发者使用工具对网页链接进行编码后生成的二维码。 线下商户可不需更换线下二维码,在小程序后台完成配置后,即可在用户扫描普通链接二维码时打开小程序,使用小程序的功能。 对于普通链接二维码,目前支持使用微信“扫一扫”或微信内长按

    2024年02月09日
    浏览(46)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包