基于vue中解決v-for使用報紅并出現警告的問題
更新時間：2018年03月03日 14:11:04 作者：Tiramisu_C
下面小編就為大家分享一篇基于vue中解決v-for使用報紅并出現警告的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
代碼報紅對于追求優(yōu)美代碼的強迫癥患者來說看著很不舒服，報紅如下：
控制臺中也會有：
(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.
這樣的提示，解決這個報紅的問題，我們要根據他的提示，循環(huán)的時候加入一個唯一的key，這里選擇使用index：
<ul
class="clearfix course-list">
<li
class="left"
v-for="(item,index)
in gradeClassfy.primary.grade"
:key="index"><a
href="#" rel="external nofollow" >{{item.name}}</a></li>
</ul>
如此，報紅消失。
以上這篇基于vue中解決v-for使用報紅并出現警告的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家介紹了前端使用vue實現token無感刷新的三種方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了Vue 實例中使用$refs的注意事項，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-01-01
本文介紹了如何在Vue3項目中整合Live2D技術,從Live2D的基本介紹到在Vue3中的具體實現方法,Live2D技術允許開發(fā)者將二維圖像轉化為可動畫的三維模型,主要應用于游戲、虛擬角色等領域,文章詳細說明了在vue3項目中使用Live2D的步驟,感興趣的朋友一起看看吧2024-10-10
Vue-router 報錯NavigationDuplicated的解決方法
這篇文章主要介紹了Vue-router 報錯NavigationDuplicated的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
本文主要介紹了iview 權限管理，iview-admin2.0自帶權限管理?？梢酝ㄟ^設置路由的meta對象的參數access來分配權限。感興趣的可以了解一下2021-07-07
這篇文章主要介紹了vue3中如何實現定義全局變量，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要為大家詳細介紹了vue2如何使用wangeditor實現數學公式和富文本編輯器功能,文中的示例代碼講解詳細,感興趣的小伙伴可以了解一下2023-12-12
axios是一個基于promise的HTTP庫,可以用在瀏覽器和?node.js?中,下面這篇文章主要給大家介紹了關于vue項目實戰(zhàn)之優(yōu)雅使用axios的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-02-02
最近做項目遇到這樣的需求要求輸入4位或6位短信驗證碼，輸入完成后收起鍵盤。實現步驟大家參考下本文2017-12-12
這篇文章主要介紹了vue中如何獲取本地IP地址，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04