51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序,获取点击元素的索引值index

微信互联网报道阅读(3084)2018-01-11 收藏0次评论

1、需求说明

  点击 “加号图片” 上传图片,需要知道点击的是第几个图片,动态的修改src数组,这里图片用的 wx:for 循环出来的

  <a href=技术分享图片" src="http://www.51dev.com//FileUpload/news/201801/20180111175314280.png" />

 

2、遇到问题

  按照官方最新文档循环的方式,索引值是以  wx:for-index="index" 方式写的,以   parseInt(event.currentTarget.dataset.index)  方式获取索引一直是NaN,注意这里用的是currentTarget,而不是target。

  这里说一下他们的区别:target指向发生事件的组件,currentTarget指向绑定事件的组件

  1.currentTarget:绑定的事件当前元素及其子元素都会触发

  2.target: 绑定的事件 子元素不会被触发事件

  技术分享图片

 

 

 

3、解决方法

  将索引方法改成 data-index="{{index}}"

  技术分享图片

以上就是微信小程序,获取点击元素的索引值index的全部内容,请多关注【51DEV】IT技术开发者社区。