小程序中target和currentTarget以及mark的区别

首先是target和currentTarget

currentTarget获取事件绑定的元素上边的data属性,而target获取被触发的元素上的data属性

代码如下:

<view class="titlelist" mark:ind='{{0}}' data-ind = "{{101}}" bindtap='changeactive'>
  <view class="{{navlist === 1? 'activelist':''}}" hover-class="none" hover-stop-    
    propagation="false"  mark:indx='{{1}}' data-ind = "{{11}}" >
    打电话
  </view>
</view>

changeactive(index){
  console.log(index);
  console.log(index.currentTarget.dataset.ind);
}

比如在点击打电话的时候首先将target.dateset.ind赋值为11,然后冒泡到父级元素上,将currentTarget.dateset.ind赋值为101,

然后是mark属性

mark是小程序基础库版本 2.7.1 以上新出的标签属性,该属性可以获取所有绑定mark属性的标签的data数据,

在父子元素上的数据名称不冲突的情况下,会将所有的数据放到mark对象中去

 

而在父子元素的数据名重复的时候,则会以触发元素的值为准

 

 以上就是个人的一些关于小程序参数传递的理解,不足之处很多,望大佬们批评指正