前端vue+vant中怎么点击列表中的一项跳转页面并将当前项的数据传递过去

您可以使用vue-router来实现该功能。首先，您需要在列表项的点击事件中调用 $router.push 方法来导航到目标页面，并传递参数。例如：

<template>
  <div>
    <ul>
      <li v-for="item in list" @click="handleClick(item)">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { id: 1, name: 'item1' },
        { id: 2, name: 'item2' },
        { id: 3, name: 'item3' }
      ]
    }
  },
  methods: {
    handleClick(item) {
      this.$router.push({ name: 'details', params: { id: item.id } })
    }
  }
}
</script>

以上代码中使用了 $router.push 方法导航到名为 details 的目标页面，并通过 params 属性传递了当前项的 id 值。在目标页面中，您可以通过 $route.params.id 来获取传递的参数。