微信小程序-点击事件传递参数

首先 bindtap 绑定点击事件,

在标签中利用 data-xxx  来定义你要传入的参数,,

然后事件中传入 event 用 event.currentTarget.dataset.xxx 来取你传入的值

原文地址:https://www.cnblogs.com/listen9436/p/11113449.html

时间: 2024-10-10 01:16:01

微信小程序-点击事件传递参数的相关文章

微信小程序点击图片放大预览

微信小程序点击图片放大预览使用到 wx.previewImage 接口,可以放大.上/下一张 上代码 wxml代码 <view class='content-img' wx:if="{{images}}" > <view wx:for="{{images}}"> <image src="{{item}}" data-src="{{item}}" bindtap="previewImage

微信小程序跳转页面时参数过长导致参数丢失

问题描述: 微信小程序:跳转页面时传参,参数过长导致参数丢失 跳转到文章详情页时,使用的文章链接e.currentTarget.dataset.id过长导致参数丢失 handleClickArticle: function (e) { wx.navigateTo({ url: '/pages/index/articleinfo/articleinfo?urllink=' + e.currentTarget.dataset.id }) }, 解决方案: 调用微信的API,将参数编码传送,解码接收,

微信小程序点击滚动到指定位置

公司项目要做一个类似微信通讯录导航的效果,点击右侧字母页面滚动到相应位置. 因为微信小程序没有dom概念,所以不能使用锚点,也不能直接获取对应字母相对页面的偏移位置.此时只能使用小程序创建对象实例的API获取节点信息: let query = wx.createSelectorQuery().in(this); query.selectViewport().scrollOffset() query.select("#Nav").boundingClientRect(); query.s

react native点击事件传递参数

比如我们定义一个TouchableOpacity点击事件,该方法需要接收一个参数值,如下 _gotoSubClass(sectionID, rowID) { console.log("sectionID="+sectionID + "rowID=" + rowID); } 那么在TouchableOption组件的onPress属性中应该这样写: <TouchableOpacity onPress={() => this._gotoSubClass(se

微信小程序中,如果没有参数,如何设置默认参数?

现在学会小程序,这方面的知识,需要积累. 现在的情况是这样: 如果想从后端获取产品列表,而这些列表是可以根据分类来获取的,也是可以获取所有产品的. 那么,为了不使小程序报错,那么,我们就可以将不传的参数设默认值为0,然后,传到后端. var objectId = options.title||'所有商品'; var cat_id = options.cat_id||0; var ptype = options.ptype||0; var brandId = options.brandId||0;

0608 微信小程序 (button组件 + 事件 及变量传递,icon组件)

1.button组件 是一个按钮组件 <button  type="type" size="size" color="color"  bindtap="点击后执行的方法名(需要写在当前页对应的js文件中)  data-hi="50" > 按钮字样</button>  //data-hi 为自定义交互变量,对其设置了一个50的变量 button包含属性较多.主要的说两个 1.1 type:按钮样

微信小程序for循环中传递动态参数

for循环中的参数,没法传到对应的 js里,所以直接在 wxml页面上跳转 发送参数的 wxml页面 <view class="uploader" wx:for="{{bookList}}" wx:for-item = "item"> <navigator url="../catalog/catalog?id={{item.id}}&title={{item.title}}" open-type=&q

?微信小程序?--基本组件,事件,自定义组件

水了几篇博客真开心.其实不是真的水,也配图啥的吧 .... 好了, 我要开始认真了哈 跟着我 好好学,明年哥给你取个嫂子! 基本组件 <view>这就类似于我们的 div 很简单吧!</view> <text>简单的文本</text> <image>参数有 src mode(图片的裁剪)</image> 简单的水一下就行了 还有两个viedo(视频) 和 swiper(微信内置的轮播图组件) 都在这个链接里了 点击==点我== 事件(

微信小程序点击列表跳转到对应详情页

点击列表跳转到对应详情页: 用自定义属性data-index保存当前点击列表的index,在点击跳转的方法中获取index并且拼接到要跳转的路径后面: 跳转到详情页,在onLoad钩子中通过参数options获取传过来的index,渲染对应的数据 原文地址:https://www.cnblogs.com/zxmonster/p/11583729.html