微信小程序开发系列（十六）·事件传参·data-*自定义数据

        事件传参：在触发事件时,将一些数据作为参数传递给事件处理函数的过程,就是事件传参。

        在微信小程序中,我们经常会在组件上添加一些自定义数据,然后在事件处理函数中获取这些自定义数据,从而完成业务逻辑的开发。

        在组件上通过data-"的方式定义需要传递的数据,其中*是自定义的属性,例如: <view data-id="100" bindtap="handier"/>然后通过事件对象进行获取自定义数据。

步骤一：创建按钮

        打开微信开发者工具，找到“分类”，根据其路径，找到cate.wxml文件，在其中创建一个按钮，写入代码：

<view>
  <button>按钮</button>
</view>

步骤二：按钮样式配置

        找到cate.scss文件，对按钮样式进行配置：

view{
  display: flex;
  height: 300rpx;
  background-color: skyblue;
  align-items: center;
}

步骤三：创建事件处理函数

        找到cate.wxml文件，给其创建一个事件处理函数：

<view>
  <button bind:tap="btnHandler">按钮</button>
</view>