微信小程序 基础 - 07 （事件参数的传递）

无论组件绑定的是冒泡事件还是非冒泡事件，事件处理函数名称后严禁出现小括号：

<button bindtap="tapEvent"></button>
<input bindinput="inputEvent" />

那么如何在执行事件处理函数时传递参数？

1、对于非冒泡事件，一般都是微信官方组件的自定义事件，这些事件在触发时涉及到的参数已经被微信官方自动封装到了event.detail对象中。(详细参数参照相应文档)

<input bindinput="inputEvent" />

inputEvent(event){
	event.detail.value
	event.detail.keyCode
	....
}

<scroll-view bindscroll="scrollEvent"></scroll-view>

scrollEvent(event){
	event.detail.scrollTop  // 当前位置距离顶部多远
	event.detail.scrollLeft  // 当前位置距离左边多远
}

2、对于冒泡事件，参数传递的语法如下：

<button data-ind="0" data-name="zs" bindtap="delEvent">删除</button>
<button data-ind="1" bindtap="delEvent">删除</button>
<button data-ind="2" bindtap="delEvent">删除</button>

delEvent(event){
    let ind = event.target.dataset.ind 
    let name = event.target.dataset.name
}