<el-carousel-item v-for="item in myLunBo" :key="item.id"> <!--使用<router-link>代替<a>--> <router-link to="/gameInfo/"> <img :src="item.img" :alt="item.imgAlt" /> </router-link> </el-carousel-item>这段代码,如何将item中的id放入to中
时间: 2024-03-17 20:44:44 浏览: 63
nuka-carousel:Pure React Carousel组件
可以使用动态路由参数来实现将item的id放入to中,具体可以按照以下步骤进行:
1. 修改路由配置,将路由路径中的id设置成动态路由参数,如下所示:
```
{
path: '/gameInfo/:id',
name: 'gameInfo',
component: GameInfo
}
```
2. 在<router-link>中将to属性绑定为一个字符串模板,其中使用`${}`来动态插入item的id值,如下所示:
```
<router-link :to="`/gameInfo/${item.id}`">
<img :src="item.img" :alt="item.imgAlt" />
</router-link>
```
这样就可以将item中的id放入to中,最终生成的链接形如:`/gameInfo/123`,其中123是item的id值。
阅读全文