小程序跳转安卓会跳转两次 iOS不会的解决方案

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

原因:元素点击事件在子元素上有绑定,父元素上也有绑定会形成冒泡事件;

原生小程序:

bind:tap:会冒泡;

<view bind:tap="gotoDetail">
    <image :src="{{ item2.img }}" mode="aspectFill"></image>
</view>

catch:tap:阻止冒泡;

<view catch:tap="gotoDetail">
    <image :src="{{ item2.img }}" mode="aspectFill"></image>
</view>

uniapp:

@click:会冒泡;

<view @click="gotoDetail(item.id, item2.action_id)">
    <image :src="item2.img" mode="aspectFill"></image>
</view>

@click.stop:阻止冒泡;文章来源地址https://www.toymoban.com/news/detail-822194.html

<view @click.stop="gotoDetail(item.id, item2.action_id)">
    <image :src="item2.img" mode="aspectFill"></image>
</view>

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

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

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

相关文章

  • 解决在命令行中输入py有效,输入python无效,输入python会跳转到microsoft store的问题| Bug

    打开 运行,输入cmd,在命令行中输入 where python 。 这里的 lihua 就是你自己的账户名。 如果看到了这个 windows apps 路径,且在你的python安装路径之前,那你大概率就是这个问题了。 因为 windows apps 路径高于你的自定义安装路径,会直接走微软应用商店的路径要你在应用商店下

    2024年04月28日
    浏览(24)
  • uniapp中video层级太高解决方案,适用安卓/IOS/H5

    官方给出的方案比较繁琐复杂,因此自己写了一个简单粗暴的组件,利用iframe实现 1.我们直接新建一个nVideo.vue的组件 2.在需要使用的地方直接引入使用这个组件,只需传src视频地址进来即可 话不多说,直接上代码 直接在需要用到的地方引入使用即可 使用频率高的话可全局注

    2024年02月06日
    浏览(33)
  • uniapp 微信小程序 uni.previewImage 在部分安卓真机上会黑屏一直转圈圈,小程序模拟器上不会

    uni.previewImage({ urls: [imgUrl], success: function(data) { console.log(\\\'选中了第\\\' + (data.tapIndex + 1) + \\\'个按钮,第\\\' + (data.index + 1) + \\\'张图片\\\'); }, fail: function(err) { console.log(err.errMsg); } }); 后面直接使用uview组件将图片弹窗显示 u-popup v-model=\\\"imageShow\\\" mode=\\\"center\\\" border-radius=\\\"14\\\" width=\\\"80%\\\" height=\\\"80%\\\" view

    2024年02月09日
    浏览(33)
  • uniapp开发的App(安卓)端跳转uniapp微信小程序

    本文总结两种跳转方法:!!!适合自己的才是最好的         !   小程序的 URL Scheme           !! 小程序的 URL Link    代码实现: !!!切记本案例是前端调用,应该让后端封装调用(为了安全考虑) 以上可以拿到小程序的两种URL 链接 vebView页面代码: !!!打包App时需

    2024年02月08日
    浏览(45)
  • uniapp开发APP跳转微信小程序和支付宝小程序(安卓版)

    开发APP时需要支付时跳转微信或者支付宝去支付,但是因为银行合作问题不能直接跳转,所以选择跳转到小程序页面进行支付,微信小程序和支付宝小程序写法不同 APP跳转微信小程序 (需要manifest.json中APP模块配置Share中微信分享保持开启) 微信小程序原始id在微信开放平台查

    2024年02月06日
    浏览(32)
  • 不会代码(实操能力弱一点)的我如何快速开发出一个Android/Web/IOS/小程序

    像做PPT一样的可视化编程语言你想拥有吗,可以自己尝试一下。 像PPT一样的编程语言 抽象出超过200+前端和后台原子组件,每个组件都具备“不可拆分”特性,并表达独立具有特征的属性;同时每个组件都具备“属性”“触发条件”“功能(函数)”。 逻辑编辑框架:(专利

    2024年02月09日
    浏览(76)
  • uniapp 蓝牙小程序-兼容安卓和iOS

    withTimeout方法可以在搜寻设备时等待指定的秒数,如果30秒内未搜索到则取消搜索  计算数据校验和: 校验字节等于命令字节与所有数据字节之和的反码。求和按带进位加 (ADDC)方式计算,每个进位都被加到本次结果的最低位(LSB)。 vue页面代码   js函数代码 

    2024年02月03日
    浏览(29)
  • 微信小程序webview内嵌H5跳转页面后没有返回按钮完美解决方案

    简单的讲就是我们可以在小程序内放置一个web-view组件来链接我们的HTML页面了。 但是点击跳转页面的时候。页面左上角没有!!返回按钮!!导致回不去了,这不是搞笑的吗。 看了下其他的小程序,发现如果是两个小程序页面跳转的话,第二个页面的左上角是会有返回按钮

    2024年02月08日
    浏览(36)
  • 微信小程序动态设置标题 IOS、安卓通用(直接使用)

    1.默认标题--在json文件中写  2.动态设置标题    2-1:固定写:        使用方法:直接把这段代码放在onLoad里面 即表示--界面记载时候就执行所设置的title         wx.setNavigationBarTitle({             title: \\\"XXXX\\\"         })  2-2:动态变更标题        使用方法:

    2024年02月09日
    浏览(29)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包