技術標籤：乾貨vue

對於一個初次進行專案開發的小白來說，專案開發的過程中可能會遇到這樣的問題：
這個警告的意思是用v-for呈現的元件列表需要具有顯式鍵。

出現這個警告的原因是在Vue中當使用v-for進行列表渲染時，虛擬dom和實際dom不一樣，不能做唯一性，為元素繫結一個key,可以確保唯一性操作。這也是Vue官方推薦的做法。

所以，針對上述問題的解決方法：在警告的元件裡v-for後面加一個屬性key,即為生成的每一個元素繫結一個key，這樣就可以了。

如下邊程式碼所示：

    <mt-tab-container v-model="selected">
 

      <mt-tab-container-item id="1" >
        <mt-cell v-for="n in 10" :title="'內容 ' + n" :key="n"/>
      </mt-tab-container-item>
      <mt-tab-container-item id="2">
        <mt-cell v-for="n in 4" :title="'
 
測試 ' + n" :key="n"/>
      </mt-tab-container-item>
      <mt-tab-container-item id="3">
        <mt-cell v-for="n in 6" :title="'選項 ' + n" :key="n"/>
      </mt-tab-container-item>
    </mt-tab-container>