使用vue实现轮播图的时候，使用v-for发现获取不到图片？两种解决办法！

最新推荐文章于 2024-03-16 14:15:43 发布

汤圆真的好可爱

最新推荐文章于 2024-03-16 14:15:43 发布

阅读量1.3k

点赞数 2

分类专栏：碰到的问题文章标签： vue

本文链接：https://blog.csdn.net/qq_41083105/article/details/117654546

版权

先将有问题的代码贴出来：

<template>
    <div class="videomenu">
        <div class="left">
            <!-- 轮播图 -->
                <a href=""><img v-for="(item,index) in imgs" :key="index" :src="item" v-show="index==options"></a>
            <!-- 轮播图下方的按钮 -->
            <ul class="list">
                <li v-for="(src,index) in imgs" :key="index" :class="index==options?'selected':''" @click="gotoPage(index)">{
  {index+1}}</li>
            </ul>
        </div>
        <div class="right">
            <ul class="rightul">
                <li class="rightulitem" v-for="(item,index) in list" :key="index">