问题,点击下方router-link后转到另一个组件上,并携带点击的信息的id
<div v-for="(item,index) in hotMessage">
<img src="image/mainPage/listTitle.png">
<router-link :to="{path:'hotMessage', query: {index:item.id}}">{{item.name}}</router-link>
<span>{{item.date}}</span>
</div>
to后其实跟的是一个对象
(注意:这里是:to,不是to,需要接收v-for的值,如果你也要接收值,不要忘记加冒号)
:to="{path:‘hotMessage’, query: {index:item.id}}"
- path属性,表示需要转到的组件名称,如果原来是 to=“/map” 则改成 to="{path:‘map’}"效果相同
- query属性,如果需要传参数,则加一个,他是一个对象,query: {键:值,键:值},这里传的是
index:item.id
接受方
用 this.$route.query.属性名称 就可以取到值,(记住是route不是router)