小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述(希望解决的问题)
使用了navigator标签,内部内容有按钮,
当点击内容按钮时,希望navigator标签不会跳转。
尝试在内部按钮上使用catch阻止,不起作用,
有遇到这种情况,且有处理办法的么?
- 希望提供的能力
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
如果某个 navigator 标签需要禁止跳转,可以添加一个类,示例:
navigator.disabled { pointer-events: none; }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
盖个view透明层 绑上hidden和catch 这样就很灵活了
url为空字符串就不跳转了
解帖:
js处理不能对navigator标签进行阻止,
试过多种办法不可行,
通过js跳转是唯一方法
navigator标签可以对js跳转进行阻止,
比如底层内容js控制tap跳转,上层元素通过navigator跳转
navigator标签上竟然是可以bind:tap进行阻止的,
有意思
按钮使用 catchtap 事件,就可以组织触发父级navigator事件
测了阻止不了,可能因为navigator是标签
试下
wx.navigateTo( )
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html
是的,用api是没有问题
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
如果某个 navigator 标签需要禁止跳转,可以添加一个类,示例:
navigator.disabled { pointer-events: none; }
盖个view透明层 绑上hidden和catch 这样就很灵活了
url为空字符串就不跳转了
解帖:
js处理不能对navigator标签进行阻止,
试过多种办法不可行,
通过js跳转是唯一方法
navigator标签可以对js跳转进行阻止,
比如底层内容js控制tap跳转,上层元素通过navigator跳转
navigator标签上竟然是可以bind:tap进行阻止的,
有意思
按钮使用 catchtap 事件,就可以组织触发父级navigator事件
测了阻止不了,可能因为navigator是标签
试下
wx.navigateTo( )
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html
是的,用api是没有问题