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

您可以在点击列表项时，通过$router.push()方法实现跳转页面，并将当前项的id通过params或query传递到目标页面。具体代码如下：

<template>
<van-list>
<van-cell v-for="(item, index) in list" :key="index" @click="goDetail(item.id)">
{{ item.title }}
</van-cell>
</van-list>
</template>

<script>
export default {
data() {
return {
list: [{
id: 1,
title: '标题1'
}, {
id: 2,
title: '标题2'
}]
}
},
methods: {
goDetail(id) {
this.$router.push({
path: '/detail',
query: {
id: id
}
})
}
}
}
</script>