解決vue v-for 遍歷循環(huán)時key值報錯的問題
更新時間：2018年09月06日 16:20:28 作者：zyx1303031629
今天小編就為大家分享一篇解決vue v-for 遍歷循環(huán)時key值報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
一 、問題如下：
[Vue warn] Avoid using non-primitive value as key, use string/number value instead.
non-primitive表示的是對象
這里的[Vue warn]是指不要用對象或是數(shù)組作為key，用string或number作為key。
:key相當(dāng)于是索引的作用，提高循環(huán)性能，如果循環(huán)量較小，不寫也可以的。
以上這篇解決vue v-for 遍歷循環(huán)時key值報錯的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue二次封裝el-select實現(xiàn)下拉滾動加載效果(el-select無限滾動)
el-select默認(rèn)是不支持虛擬滾動的,需要使用第三方插件來實現(xiàn)虛擬滾動功能,下面這篇文章主要給大家介紹了關(guān)于Vue二次封裝el-select實現(xiàn)下拉滾動加載效果的相關(guān)資料,需要的朋友可以參考下2024-04-04
本文主要介紹了vue拖拽改變寬度的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
這篇文章主要給大家分享的是vue?watch監(jiān)聽方法總結(jié)，偵聽器一般來說是用來監(jiān)聽數(shù)據(jù)的變化，默認(rèn)是在數(shù)據(jù)發(fā)生變化時執(zhí)行。監(jiān)聽的數(shù)據(jù)名放到這里面作為函數(shù)名，這個函數(shù)里面有兩個參數(shù)，一個是新值，一個是舊值。下面我們就一起進(jìn)入文章了解更具體的內(nèi)容吧2021-12-12
這篇文章主要介紹了vue中異步函數(shù)async和await的用法說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue如何使用js對圖片進(jìn)行點擊標(biāo)注圓點并記錄它的坐標(biāo)
這篇文章主要介紹了vue如何使用js對圖片進(jìn)行點擊標(biāo)注圓點并記錄它的坐標(biāo)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue封裝一個Tabbar組件?帶組件路由跳轉(zhuǎn)方式
這篇文章主要介紹了Vue封裝一個Tabbar組件?帶組件路由跳轉(zhuǎn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue實現(xiàn)商品列表的無限加載思路和步驟詳解,基礎(chǔ)思路是觸底條件滿足之后 page++,拉取下一頁數(shù)據(jù),結(jié)合實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下,2024-06-06
對插槽的這種改變讓我對發(fā)現(xiàn)插槽的潛在功能感興趣，以便為我們基于Vue的項目提供可重用性，新功能和更清晰的可讀性。這篇文章主要介紹了vue 2.6 中 slot 的新用法,需要的朋友可以參考下2019-07-07
在 setup 語法糖中通過 import 引入的內(nèi)容，也可以直接在 template 標(biāo)簽中使用，這篇文章主要介紹了Vue?使用?setup?語法糖,需要的朋友可以參考下2023-10-10
vue函數(shù)input輸入值請求時延遲1.5秒請求問題
這篇文章主要介紹了vue函數(shù)input輸入值請求時延遲1.5秒請求問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04