vue v-for出现问题

Question

问题：用v-for渲染数据的时候数据一次性堆到一块了（暂时只能这么描述，第一次遇到这么奇葩的问题...）

每张轮播图对应一个title（分别是“123”，“456”，“666”），但是为什么在这里把title渲染到一块了？其它两张轮播图不显示title。请问是我的HTML结构写的有问题吗？先感谢各位大佬在忙碌的周末抽时间看这个也许很低级的问题，但是我实在找不到原因了。。。（ps：为了避免不必要的误会还是要说明下：三张轮播图用了一张图片。。。）

HTML如下：

<div v-for="(item,index) in picList" :key=index>
    <a>             
         <img :src="item.picUrl"/>
        <span class="slider-title">{{item.title}}</span>
    </a>
</div>

//picList如下：
picList :[
        { 
          title: "666",
          picUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1515820490776&di=bd9336d039953e45384106b4dd3cf769&imgtype=0&src=http%3A%2F%2Fwww.lzgkjt.com%2FimageRepository%2Ff1da30e4-588a-46ed-b3ae-348d3604b14b.jpg"
        },
        {
          title: "123",
          picUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1515820490776&di=bd9336d039953e45384106b4dd3cf769&imgtype=0&src=http%3A%2F%2Fwww.lzgkjt.com%2FimageRepository%2Ff1da30e4-588a-46ed-b3ae-348d3604b14b.jpg"
        },
        {
          title: "456",
          picUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1515820490776&di=bd9336d039953e45384106b4dd3cf769&imgtype=0&src=http%3A%2F%2Fwww.lzgkjt.com%2FimageRepository%2Ff1da30e4-588a-46ed-b3ae-348d3604b14b.jpg"
        }
      ],

Answer 1

这个应该是你样式没设置好 span标签是行内元素。

Answer 2

已解决，第三方插件的锅，小心小心再小心啊