微信小程序点击事件传递自定义参数的方法

在微信小程序的开发过程中，点击事件不同于普通js传参，而是采用自定义传参的方法

1，绑定

格式为data-XXX，此处是data-id， id是需要传递的参数


<!-- 绑定data-id 需要传递的参数 格式为data-XXX -->
<view class="today-data" bindtap="goTodayData" data-id="{{item.id}}"><view class="today-font">本日数据</view></view>

2.获取

使用 e.currentTarget.dataset.xxx来获取传递的参数

  goTodayData(e){const id= e.currentTarget.dataset.id
｝

可以看到此处获取到了id的值

微信小程序点击事件传递自定义参数的方法相关推荐

[微信小程序]微信小程序点击事件返回值的target分析
微信小程序点击事件返回值的target分析测试过程在微信小程序中创建以下图片然后在调试中点击下面第5个. console返回两个e 第一个e是第5块小块的e 第二个e是下面全部9小块组成的大块的 ...
微信小程序服务器未响应,微信小程序点击事件失效
想在主页上添加一个搜索功能但是加上之后发现原有的页面点击事件没有反应了个人怀疑是input和bindtap互相影响? 有人碰到类似的情况吗是怎么解决的 {{item}} this is a te ...
uni-app微信小程序生成自定义参数二维码，跳转小程序指定页面，获取参数；uni-app微信小程序获取二维码自定义参数；微信小程序生成动态参数二维码；uni-app微信小程序获取动态参数二维码；
一.场景需求: 在小程序个人名片页面A页面,生成用户的个人名片二维码(该二维码携带用户的唯一标识id):微信扫一扫或长按图片识别这个二维码,可以跳转到小程序的B页面,并且在B页面拿到二维码上的唯一标识 ...
微信小程序点击事件（bindtap）传递参数
小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下: wxml: <view bindtap=& ...
微信小程序 - 点击事件传参
首先给某个按钮或者某个组件添加 bindtap点击事件再加上 data-xxx="传值内容" (xxx可以自定义单词) 例如: //xx.wxml <view bindt ...
微信小程序点击事件失效
今天经理突然跑过来问,为什么点击不了,找了下百度才知道换个标签就得了,奇怪的是之前一直都是可以的
微信小程序——点击事件传参没有数据(undefined)
今天在wxml和js传参的时候,为了和后台的命名规则保持一致,在data-questionId的驼峰式命名,结果发现参数传到js的时候,js打印出来为undefined.今天把这个坑填了! 微信开发者 ...
微信小程序点击事件绑定三目方法
根据showLine的true 或 flase来判断进行show方法或者shou方法
微信小程序——点击事件 bindtap和catchtap的区别
bindtap是冒泡的,应放在外层 catchtap是非冒泡的,应放在内层
微信小程序for循环中传递动态参数
for循环中的参数,没法传到对应的 js里,所以直接在 wxml页面上跳转发送参数的 wxml页面 <view class="uploader" wx:for=" ...

微信小程序点击事件传递自定义参数的方法

1，绑定

2.获取

微信小程序点击事件传递自定义参数的方法相关推荐

最新文章

热门文章