看图,因为需要传递的数据比较多,所以我们通过dataset携带参数信息。如果只有一个参数,可以通过id来传递 详解(以常见的tap点击事情为例) wxml 代码语言:html 复制 <viewid="tapTest"data-hi="WeChat"bindtap="tapName">Click me!</view> JS 代码语言:css 复制 Page({tapName: function(event){console.log(even...
可以看出 参数是通过给标签设置 data-参数名=“参数值” 自定义属性的方式 来传递的 例如想传递两个参数 //index.wxml<view bindtap="changeIndex"data-src1="我固定参数1"data-src2="我是固定参数2"> </view>//index.jspage({data:{ },changeIndex(e){console.log(e.currentTarget.dataset.src1);//...
} 这里拿b、预览某个wxml中的图片列表来讲解bindtap的传值问题。a、预览本地相册。可以结合wx.chooseImage接口来实现,这里就不多说了。 直接上效果吧 上代码 //wxml中的关键代码<viewclass="right imgs"> <viewclass="img"wx:for="{{item.info_file}}"wx:for-item="img"wx:key="img"id="img"bindtap=...
首先bindtap,以bind开头的就是要给他绑定个事件,这个事件的名字就是“=”号后面的数值就是绑定的事件名称,需要在 逻辑【js】层定义上。 然后就是传值了,注意到的朋友可以看到 我们这里写了data-hi 和我们平时写js的传值是同一个定义方法。这个data-*就对应事件的属性target里的dataset 值。这里我们需要调用的话...
微信小程序插件内页面跳转和参数传递(转) 在此以插件开发中文章列表跳传文章详情为例。 1、首先在插件中的文章列表页面wxml中绑定跳转事件。 bindtap='url' data-id="{{item.article_id}}" 2、在文章列表页面js中接收事件,并触发冒泡事件。 /** * 跳转至详情...
微信⼩程序之bindtap事件绑定传参 wxml代码：<view class='fen'> <text bindtap='prev' data-page="{{pageDang}}">上⼀页</text> <text bindtap='next' data-page="{{pageDang}}">下⼀页</text> </view> js代码：prev:function(e){ //当前页-1 var cnt=e.currentTarget.dataset.page-1;if(...
01、参数传值的方法 1: data-id 我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明: (1)设置data-id <view class="block" bindtap="playTap" data-id="{{modle.id}}"> (2)取值 + 传值 playTap:function(e) { const dataset = e.currentTarget.dataset...
通过data- = “”的方式实现,-后面名字随便写,就是你要传递的参数名称,=后面写你要传递参数的值 你要传递多个就写多个: image.png JS页面代码: goSound(e){ var item = e.currentTarget.dataset.audio wx.navigateTo({ url: '/pages/audio/audio?item=' + item, ...
事件传参 1. 因为小程序会把bindtap的属性值统一当做事件名称来处理,相当于调用一个名称为btnHandler(123456)的事件处理函数。 ✅可以为组件提供data-自定义属性传参,其中代表的是参数的名字,示例如下: info:参数名字 2:参数值 事件传参 1. 在事件处理函数中,通过event...