关于小程序中点击事件失效问题总结

 handleItemTap(e){//获取suoyinconst {index}=e.currentTarget.dataset;                      //相当于const index = e.currentTargrt.dataset;this.setData({currentIndex:index});},

首先看自己的const中的至和wxml中data-*后的值是否一样，

<scroll-view class="left_menu" scroll-y><view class="menu_item {{index===currentIndex?'active':''}}" wx:for="{{leftMenuList}}" wx:key="*this" bindtap="handleItemTap"data-index='{{index}}'>{{item}}</view>

如上述代码段中的data-index="{{index}}"
因为cosnst {index}相当于const index = e.currentTargrt.dataset.index; 所以这几个index要一致，才能触发点击事件。

关于小程序中点击事件失效问题总结相关推荐

小程序中点击事件传参
小程序是事件驱动型的,小程序可以使用点击事件传递参数: 代码如下: // wxml文件 <view class="container"> <view class= ...
微信小程序服务器未响应,微信小程序点击事件失效
想在主页上添加一个搜索功能但是加上之后发现原有的页面点击事件没有反应了个人怀疑是input和bindtap互相影响? 有人碰到类似的情况吗是怎么解决的 {{item}} this is a te ...
微信小程序点击事件失效
今天经理突然跑过来问,为什么点击不了,找了下百度才知道换个标签就得了,奇怪的是之前一直都是可以的
[微信小程序]微信小程序点击事件返回值的target分析
微信小程序点击事件返回值的target分析测试过程在微信小程序中创建以下图片然后在调试中点击下面第5个. console返回两个e 第一个e是第5块小块的e 第二个e是下面全部9小块组成的大块的 ...
关于小程序的bindscrolltolower事件失效，已解决
公司最近在开发一款小程序,我也是刚上手,坑挺多的,特意来记录一下. 关于微信小程序的bindscrolltolower事件失效,我贴一下第一次写的代码. 这样使用bindscrolltolower 事 ...
vue、uniapp 小程序点击事件禁止多次点击方法封装
vue.uniapp 小程序点击事件禁止多次点击方法封装在写uniapp 小程序时发现个bug,疯狂点击按钮第一点击事件还没执行完就疯狂多次调用该事件,很是影响用户体验以及消耗性能,所以这里我封装个 ...
微信小程序点击事件（bindtap）传递参数
小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下: wxml: <view bindtap=& ...
小程序点击事件携带参数
一种当然是带一个固定值过去,另一种就是带一个动态值 page中定义动态值点击事件js 打印出来的值: 对应小程序api https://developers.weixin.qq.com/minipr ...
小程序中点击input控件键盘弹出时placeholder文字上移
最近做的一个小程序项目中,出现了点击input控件键盘弹出时placeholder文字上移,刚开始以为是软键盘弹出布局上移问题是传说中典型的fixed 软键盘顶起问题,因此采纳了网上搜到的" ...

关于小程序中点击事件失效问题总结

关于小程序中点击事件失效问题总结

关于小程序中点击事件失效问题总结相关推荐

最新文章

热门文章