vue v-for出現(xiàn)問題

問題：用v-for渲染數(shù)據(jù)的時(shí)候數(shù)據(jù)一次性堆到一塊了（暫時(shí)只能這么描述，第一次遇到這么奇葩的問題...）

每張輪播圖對(duì)應(yīng)一個(gè)title（分別是“123”，“456”，“666”），但是為什么在這里把title渲染到一塊了？其它兩張輪播圖不顯示title。請(qǐng)問是我的HTML結(jié)構(gòu)寫的有問題嗎？先感謝各位大佬在忙碌的周末抽時(shí)間看這個(gè)也許很低級(jí)的問題，但是我實(shí)在找不到原因了。。。（ps：為了避免不必要的誤會(huì)還是要說明下：三張輪播圖用了一張圖片。。。）

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"
        }
      ],