#笔记#微信小程序的bindtap如何传参

今天在做一个微信小程序demo的时候发现bindtap并不能直接在函数上进行传参，一开始并不知道怎么解决，因此记录一下以免以后忘记
因为项目的需要，我需要将一个数组中的某个值传给另外一个列表，以方便在其他地方使用，但是按照定向思维进行传参发现会报错

<view bindtap="clickme({{item.word}})">{{item.word}}</view>

当点击abandon1时，并不能实现传递该值的效果

提示信息为：

does not have a method "clickme(abandon1)" to handle event "tap".

这是因为bindtap在传参时需要用到data-xxx来进行传递参数，正确的形式应当为：

<view bindtap="clickme" data-word="{{item}}">{{item.word}}</view>clickme: function (e) {console.log(e)},

这时当再一次点击abandon1时就会将该值传递过去

因此当需要将传递过来的值赋给新的列表时只需要将currentTarget中的dataset取出来就可以了。如下

clickme: function (e) {console.log("没赋值前：",this.data.testData2)this.setData({testData2:e.currentTarget.dataset.word})console.log("赋值后：",this.data.testData2)},

#笔记#微信小程序的bindtap如何传参相关推荐

微信小程序之bindtap事件传参
之前一直以为微信小程序按钮点击事件传参是和web端相同,即在事件中写明所传递的参数即可,但是这样尝试过以后发现小程序的控制台报错,报所写的bindtap中参数错误,之后百度发现,小程序按钮点击这类事件 ...
微信小程序开发之页面传参
这传参主要是三种: 1.简单值传参如:id=1,string = asdfg之类,其中字符不包含特殊字符如?.=之类 2.含特殊字符传参如一个地址http://r.photo.store.qq.co ...
微信小程序页面导航、传参、接收参数
页面导航指的是页面之间的相互跳转,在微信小程序中,页面导航分为如下两种: 1.声明式导航: 在页面上声明一个<navigator>导航组件通过点击<navigator>导航组 ...
微信小程序——点击事件传参没有数据(undefined)
今天在wxml和js传参的时候,为了和后台的命名规则保持一致,在data-questionId的驼峰式命名,结果发现参数传到js的时候,js打印出来为undefined.今天把这个坑填了! 微信开发者 ...
微信小程序6 - 页面之间传参及通知系统封装
1. 简单传参 wx.navigateTo({ url: '/pages/demo/index/index?id=1' }) /pages/demo/index/index.js 中 onLoad(o ...
解决微信小程序跳转页面传参有特殊字符。
传参的时候转换JSON,另一边接收会因为特殊字符而报错. 解决方法: 传参的时候用encodeURIComponent进行编码 let arr=encodeURIComponent(JSON.stri ...
微信小程序 - 点击事件传参
首先给某个按钮或者某个组件添加 bindtap点击事件再加上 data-xxx="传值内容" (xxx可以自定义单词) 例如: //xx.wxml <view bindt ...
【微信小程序】behaviors使用传参
behaviors类似vue中mixins的功能,官方文档:Behavior,简单写一个倒计时功能,properties传入参数. 一.定义Behavior // useCountdown.js le ...
微信小程序页面跳转传参
跳转到下一个页面在page1.wxml写点击事件 <button bindtap="next_page" type="primary">跳转到下一 ...
微信小程序 - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案
报错信息报错原因特殊字符:英文(半角)状态的单引号 ' 双引号" 斜杠 \ 反斜杠 / and符号& 大于号 > 小于号 < 空格等. 常见的场景是页面携带的参数中 ...

#笔记#微信小程序的bindtap如何传参

#笔记#微信小程序的bindtap如何传参相关推荐

最新文章

热门文章