基於vue中解決v-for使用報紅並出現警告的問題，vuev-for

基於vue中解決v-for使用報紅並出現警告的問題，vuev-for

代碼報紅對於追求優美代碼的強迫症患者來說看著很不舒服，報紅如下：

控制台中也會有：

(Emitted value instead of an instance of Error) <Option v-for="item in searchTypeList">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

這樣的提示，解決這個報紅的問題，我們要根據他的提示，迴圈的時候加入一個唯一的key，這裡選擇使用index：

<ul class="clearfix course-list"><li class="left" v-for="(item,index)in gradeClassfy.primary.grade":key="index"><ahref="#" rel="external nofollow" >{{item.name}}</a></li></ul>

如此，報紅消失。

以上這篇基於vue中解決v-for使用報紅並出現警告的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。