鍍金池/ 問答/HTML/ vue循環(huán)時報了兩個錯誤

vue循環(huán)時報了兩個錯誤

:key=index這個index不就是number類型嗎?為什么還會報第一個錯誤?
第二個報錯是怎么回事?為什么注釋掉這個子組件就不報錯了?

<div class="blog" v-for="(items, index) in all" :key=index>
            <Content :userContent="items.content"></Content>
            <Info :info="items.info"></Info>       //把這行注釋掉所有報錯就都沒有了
</div>
data () {
    return {
      all: [
        {content: {a: 111, b: 'ccc'}, info: {a: 111, b: 222, c: 333}},
        {content: {a: 111, b: 'ccc'}, info: {a: 111, b: 222, c: 333}}
      ]
    }
}

圖片描述

回答
編輯回答
解夏

:key="index" 請加上雙引號

2017年6月13日 19:00
編輯回答
綰青絲

建議題主使用 :key="item+index",來進行區(qū)分key值

2018年5月19日 05:41
編輯回答
選擇

報錯其實都是出在Info這個組件里面,到這里面查找一下key=""。看下這個key的賦值情況

2018年6月18日 04:04