uni-app @tap 失效

最新推荐文章于 2024-06-16 22:23:34 发布
最新推荐文章于 2024-06-16 22:23:34 发布
阅读量4.7k 收藏 2
点赞数
文章标签： uni-app vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lifs419/article/details/115131017
版权
博客记录了在小程序中使用item-menu组件时，tap事件在H5和原生环境不生效的问题。通过在item-menu外层包裹一层view标签，成功解决了事件触发的问题。这是一个常见的前端适配问题，对于跨平台应用开发具有一定的参考价值。
摘要由CSDN通过智能技术生成

item-menu 自定义组件，   

 <item-menu :param="serviceTel" @tap="makeCall()"/> tap事件在小程序正常，但是H5和原生点击无效

         <view @tap="makeCall()">
                <item-menu :param="serviceTel" />
            </view>

再包裹一层view 即可解决

记录一下，后面再看根源...

lifs419
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uni-app基础语法
li_yan_的博客
03-10 1660
变量和模板之间的绑定 变量的声明和基础的数据绑定，如果想在页面上使用一个变量的话，都声明在data对象内部，就可以用键值的方式去声明 只要声明在data里的变量，是响应式的 <view> <!-- 绑定 --> {{title}}--{{age}} </view> //声明全局变量，默认空值_self，起到变量传递的作用 var _self; da...
天气查询 —— UNI-APP试水
kikpinの手抄小册子
07-08 1362
KIKPIN WEATHER —— 第一个UNI-APP项目记录 毫无章法的随笔流水账： pages(启动页)、subPackages分包、globalSytle样式(状态栏、背景、mp-ali标题栏)、tabBar配置在pages.json； 全局CSS可以写在APP.VUE里，pages中.vue文件样式作用局部，不需scoped；app.vue里面全局引入外部样式表@import "./u...
【uni-app】 APP真机，子组件click&tap事件无效解决
weixin_46939955的博客
08-18 2512
uni-app，子组件绑定click&tap事件，点击无效
uniapp 微信小程序中click,tap事件无效
iOS_MingXing的博客
07-15 6721
遇到情况: uniapp项目首次在微信小程序中运行点击事件正常,重编译后出现click,tap事件无效,经过研究定位原因是 APP.vue 中 对token有效性判断进行页面重定向导致 if (isTokenExpired()) { uni.reLaunch({ url:'./pages/login/index', complete() { } }) } 处理方式: 对重定向进行延时操作,猜测是小程序编译生命周期引起的问题 处理结果: if (isTokenExpired()) {
uni-app开发 自定义底部Tap等基础使用与介绍
最新发布
ou2914671339的博客
06-16 277
新手使用HbuilderX开发uni-app的一些事项 基础使用 和底部Tap的自定义与使用。uni-app支持自定义底部导航栏，通过配置pages.json及编写Vue组件，实现多页面间快速切换。简单配置，灵活定制，提升用户体验
uniapp 开发APP @tap 无效
xhddwl的博客
09-02 3102
以上是正确写法 如果要是加上 native 修饰符 在浏览器运行没问题 但是打包之后就会发现@tap事件根本触发不了 修饰符一定要注意顺序以及其意义。@tap.stop.proevent="事件名"
uni-app踩坑日记 ＜uni-list-item @tap=“fn“＞点击无效 + 动态传参
Rudon滨海渔村的博客
01-11 2266
报错 HBuilderX（v3.3.5.20211229）预览，点击无效问题1 <uni-list-item @tap="fn"> 无法触发问题2 <uni-list-item @tap="fn" v-for="(item,index) in news" :key="item.post_id" :title="item.title" :data-id="item.post_id"> 无法通过方法e.currentTarget.dataset.id获取参数 解决办法 .
android tap事件无效,@tap 事件 在子组件不起作用
weixin_39713219的博客
05-29 609
详细问题描述(DCloud产品不会有明显的bug，所以你遇到的问题大都是在特定环境下才能重现的问题，请仔细描述你的环境和重现方式，否则DCloud很难排查解决你的问题)[内容]@tap 事件 在子组件不起作用重现步骤[步骤][结果][期望][如果语言难以表述清晰，拍一个视频或截图，有图有真相]IDE运行环境说明[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app，也需要在...
元素tap不起作用的问题
ModestLearners的博客
02-11 1154
自动化测试过程中，进入某个功能做完操作后，需要返回到首页，此时会多次点击页面上的返回按钮。 脚本运行过程中，可以找到该元素（appResource中也可以获取到）不报错，但点击却不起作用。后经过测试，发现点击两次就可以，执行两次tap的代码就ok。（暂时还不清楚原因是什么）...
view-ui中u-button无法使用@tap
m0_61204947的博客
04-26 512
今天工作用到了view-ui中的验证码倒计时组件VerificationCode,1.X版本的,直接使用它文档的中的代码,显示在页面中,只能在这个按钮中的左上角使用,而且点击的区域很小,后来发现它代码中button这个标签的问题,然后改了它的单击触发为@click就可以了,具体原理没有找到. <u-toast ref="uToast"></u-toast> <u-verification-code :seconds="s...
关于UNI-APP微信小程序订阅信息订阅获取失败的问题处理
weixin_40952222的博客
11-26 3055
关于UNI-APP微信小程序订阅信息订阅获取失败的问题处理 调用uni.requestSubscribeMessage()的时候出现报错： requestSubscribeMessage:fail can only be invoked by user TAP gesture 意思就是只能通过点击事件来触发uni.requestSubscribeMessage()； （虽然微信的官方文档写的是可以通过按钮点击事件以及支付完成回调触发，但我还没尝试过支付回调。。） 解决过程： 1、尝试过将uni.requ
uni-app前端开发(二)新闻功能
博客
08-12 3426
新闻功能 1.新闻列表 首先要在页面的onLoad函数中添加请求初始化分页获取新闻列表 1.1逻辑层 <script> // 此处将方法抽取到了/common/method.js中 import {fail,checkToken} from '../../common/method.js' import refresh from '@/static/refresh.png' export default { data() { return { news
mpvue,uni-app开发微信小程序遇到的坑，直接在组件上写样式失效
qq_37672347的博客
08-28 2853
1、问题，在组件上直接写样式在小程序中不生效。 解决办法（<picker>中最好写一个<view class="style">写样式，而不是在picker上加样式。） 2、组件内引入图片要使用绝对路径。/static/... 3、对象的最后一个元素不能写逗号, 4、主页面的生命周期用onLoad代替created，onReady代替mounted。组件内使用5、...
点击事件在小程序中生效而在H5中不生效通常是由于触发点击事件的元素无法正确绑定点击事件监听器。
qq_42516774的博客
08-29 460
在uniapp中，点击事件在小程序中生效而在H5中不生效通常是由于触发点击事件的元素无法正确绑定点击事件监听器。在小程序中，常用的绑定点击事件的方式是使用。而在H5中，需要使用。来绑定原生的点击事件。
Uni-app中遇到的问题
小火车况且况且况且的博客
01-06 677
Uni-app中遇到的问题 text标签绑定的@tap点击事件在H5使用没有问题, 但是在微信小程序和app使用失效, 只能将text标签替换为view标签 父组件给子组件传递的参数, 前提参数必须是对象的格式,才可以直接修改, 子组件直接修改参数在H5使用也是没有问题, 但是在微信小程序和app使用失效, 表现的形式是数据已经修改, 但是页面却没有相应的变化, 解决方法是在data中定义一个接...
【uniapp】跨端开发问题记录
lorogy的博客
08-09 1179
uni-app跨端开发
uniapp app上 @callouttap事件无效的解决办法
weixin_44787375的博客
12-03 1832
uniapp app上 @callouttap时间无效的解决办法
在uniapp中为自定义组件绑定点击事件点击后没有效果
weixin_38441229的博客
10-09 3066
在uniapp中为自定义组件绑定点击事件点击后没有效果
uni-app里@click.native是什么事件
05-24
@click.native是uni-app中的一个自定义事件，它可以用于在组件上绑定原生的点击事件（tap）。当用户点击组件时，会触发@click.native事件，并执行绑定的方法。与@click事件不同的是，@click.native事件绑定的方法会...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值