博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序 --- e.currentTarget.dataset.id 获取不到值
阅读量:6396 次
发布时间:2019-06-23

本文共 978 字,大约阅读时间需要 3 分钟。

直接代码

wxml代码片段

{ { item.name}}
{ { item.subordinateNum}}-{ { item.id}}
{ { item.mobile}}

js代码片段

//事件处理函数  tosubordinate: function (e) {    var workerId = e.currentTarget.dataset.workerId; console.log("workerId------" + workerId); wx.navigateTo({ url: '../subordinate/subordinate?workerId=' + workerId }) },

结果 workerId undefined。

OK,重点便在这里。在组件中可以定义数据,这些数据将会通过事件传递给 SERVICE。 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.target.dataset 中会将连字符转成驼峰elementType。 

这里写图片描述 
看代码可知,这里是自定义了一个名字为id的dataset,因此在事件函数中,我们可以通过e.currentTarget.dataset.id访问到绑定到该组件的自定义数据。

修改:

//事件处理函数  tosubordinate: function (e) {    var workerId = e.currentTarget.dataset.workerid; console.log("workerId------" + workerId); wx.navigateTo({ url: '../subordinate/subordinate?workerId=' + workerId }) },

 

主要修改了 e.currentTarget.dataset.workerid.

workerId –> workerid 解决。

转载地址:http://nnrha.baihongyu.com/

你可能感兴趣的文章
Image Load Error Handler
查看>>
Vue2.5笔记:Vue中的模版
查看>>
策略路由基础命令(Linux)分享
查看>>
linux下磁盘挂载与查看
查看>>
javascript 闭包
查看>>
如何减少浏览器repaint和reflow(上)
查看>>
Exchange 2010之收件人对象管理
查看>>
Yarn详解
查看>>
raid5分析结果(临时)
查看>>
Enterprise Library 2.0 Hands On Lab 翻译(11):缓存应用程序块(三)
查看>>
foreman架构的引入4-安装Foreman1.6.3架构(foreman与puppetmaster分离)
查看>>
【Xamarin】使用WebSocket开发实时通信应用程序
查看>>
配置Docker多台宿主机间的容器互联
查看>>
Android系统Surface机制的SurfaceFlinger服务的线程模型分析
查看>>
Webpack中publicPath设置
查看>>
event.srcElement的用法
查看>>
“页面制作人员”?“页面工程师”?“页面架构师”?滚一边去!
查看>>
C++:派生类的构造函数和析构函数
查看>>
2012 Autodesk开发者日开始注册啦
查看>>
ASP.NET 2.0 验证控件新的功能
查看>>