微信小程序 - 在视图组件上绑定函数并传递参数

在微信小程序开发中，我们经常需要在视图组件上绑定函数，并且有时候需要传递参数给这些函数。本文将介绍如何在微信小程序中实现这一功能，并提供相应的源代码示例。

首先，我们需要在视图组件上定义一个事件绑定，以便触发相应的函数。在微信小程序中，我们可以使用 bind 或者 catch 前缀来绑定事件，其中 bind 用于绑定非冒泡事件，catch 用于绑定冒泡事件。这两个前缀后面紧接着跟着需要绑定的具体事件名称，例如 tap、longpress、change 等等。

接下来，我们通过在绑定事件的同时传递参数给绑定的函数。在微信小程序中，我们可以使用 data-* 属性来传递参数。这些 data-* 属性会被自动解析并作为事件对象的一部分传递给绑定的函数。例如，我们可以使用 data- 前缀来定义一个 data-xxx 属性，并将需要传递的参数作为该属性的值。然后，在绑定函数中，可以通过事件对象的 currentTarget.dataset 属性来获取传递的参数。

下面是一个示例，演示了如何在微信小程序中实现在视图组件上绑定函数并传递参数：

wxml 文件：