uniapp v-for怎么添加每个的跳转事件

在Uniapp中，你可以在v-for循环中使用@click或者@click.native来监听每个元素的点击事件，并且使用uni.navigateTo或者uni.redirectTo等跳转API来实现页面的跳转。具体步骤如下：

1. 在v-for循环中使用@click或者@click.native监听每个元素的点击事件，并且在点击事件处理函数中使用uni.navigateTo或者uni.redirectTo等跳转API来实现页面的跳转。

2. 在跳转目标页面中，可以使用uni.getStorageSync等API获取跳转之前页面传递过来的参数，以实现页面间的数据传递。

下面是一个示例代码：

<template>
  <view>
    <view v-for="(item, index) in items" :key="index" @click="handleClick(item)">
      {{ item }}
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      items: ['item1', 'item2', 'item3']
    }
  },
  methods: {
    handleClick(item) {
      uni.navigateTo({
        url: '/pages/detail/detail?id=' + item.id // 跳转到详情页，并传递item的id参数
      })
    }
  }
}
</script>

在上面的例子中，我们使用v-for循环渲染了一个包含三个元素的列表，然后给每个元素添加了一个@click事件监听器，当点击元素时，会触发handleClick方法，并且使用uni.navigateTo跳转到详情页，并且传递当前点击的item的id参数。在详情页中，我们可以使用uni.getStorageSync等API获取跳转之前页面传递过来的参数，以实现页面间的数据传递。