uniapp 点击事件带参

在uniapp中，可以使用@click事件来定义点击事件，并且可以通过事件对象$event来获取点击时的相关信息。如果需要传递参数，可以使用以下几种方式：

1. 使用data属性传递参数：
在模板中定义一个data属性，然后在点击事件中通过$event.target.dataset来获取该属性的值。示例代码如下：

<template>
  <view @click="handleClick" data-id="1">点击按钮</view>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      const id = event.target.dataset.id;
      // 使用id做一些操作
    }
  }
}
</script>

2. 使用自定义属性传递参数：
可以在模板中使用自定义属性来传递参数，然后在点击事件中通过$event.target获取该属性的值。示例代码如下：

<template>
  <view @click="handleClick" data-id="1">点击按钮</view>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      const id = event.target.getAttribute('data-id');
      // 使用id做一些操作
    }
  }
}
</script>

3. 使用函数参数传递参数：
在@click事件后面直接传递参数，可以在方法中获取到传递的参数。示例代码如下：

<template>
  <view @click="handleClick(1)">点击按钮</view>
</template>

<script>
export default {
  methods: {
    handleClick(id) {
      // 使用id做一些操作
    }
  }
}
</script>

以上是uniapp中点击事件带参的几种方式，你可以根据实际需求选择其中一种方式来实现。