如何在to的后面拼接item中的id。<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>
时间: 2024-03-17 07:44:42 浏览: 79
ft-carousel.js图片无缝轮播切换代码
可以将to属性改为动态绑定,使用字符串模板拼接的方式来拼接id参数。
例如,如果你的路由仍然是这样定义的:
```
{
path: '/gameInfo/:id',
name: 'gameInfo',
component: GameInfo
}
```
那么在<router-link>中就可以这样写:
```
<router-link :to="`/gameInfo/${item.id}`">
<img :src="item.img" :alt="item.imgAlt" />
</router-link>
```
这里使用了字符串模板的方式,将id参数拼接到路由路径中。在这个例子中,我们假设item对象中有一个名为id的属性,可以通过item.id来获取到它的值。
阅读全文