解決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相當于是索引的作用，提高循環(huán)性能，如果循環(huán)量較小，不寫也可以的。
以上這篇解決vue v-for 遍歷循環(huán)時key值報錯的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了vue使用nprogress實現(xiàn)進度條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
解決vue語法會有延遲加載顯現(xiàn){{xxx}}的問題
今天小編就為大家分享一篇解決vue語法會有延遲加載顯現(xiàn){{xxx}}的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
基于vue-cli配置lib-flexible + rem實現(xiàn)移動端自適應
這篇文章主要介紹了基于vue-cli配置lib-flexible + rem實現(xiàn)移動端自適應,需要的朋友可以參考下2017-12-12
好用的用戶引導插件有?intro.js?和?driver.js?兩個，對比了一下，最終還是使用了driver.js，這篇文章主要介紹了vue3項目新用戶引導組件(driver.js),需要的朋友可以參考下2022-08-08
在 Vue.js 中，父子組件通信是非常重要的，在本文中，我們討論了 Vue.js 中父子組件通信的幾種方式，包括使用 props 傳遞數(shù)據(jù)、使用 Sync 修飾符實現(xiàn)雙向綁定、使用自定義事件傳遞數(shù)據(jù)、使用 $refs 訪問子組件實例以及使用 $children 和 $parent 訪問父子組件實例2023-09-09
Vue?Echarts報錯Initialize?failed:?invalid?dom解決方法
最近因為工作需要,用到了ECharts做圖表,也遇到了問題,就來跟大家總結(jié)分享一下,下面這篇文章主要給大家介紹了關(guān)于Vue?Echarts報錯Initialize?failed:?invalid?dom的解決方法,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了Vue中的axios和proxy代理的相關(guān)知識，文中的示例代碼講解詳細，具有一定的借鑒價值，需要的可以參考一下2023-03-03
Vue3點擊側(cè)邊導航欄完成切換頁面內(nèi)組件全過程(WEB)
寫頁面的時候都會用到一些導航欄、點擊不同的部分切換不同的頁面,下面這篇文章主要給大家介紹了關(guān)于Vue3點擊側(cè)邊導航欄完成切換頁面內(nèi)組件的相關(guān)資料,需要的朋友可以參考下2023-06-06
BuildAdmin elementPlus自定義表頭添加tooltip方法示例
這篇文章主要介紹了BuildAdmin elementPlus 自定義表頭,添加tooltip實現(xiàn)方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
Element中el-tabs左右滑動動畫的實現(xiàn)
本篇博客將詳細介紹如何在使用 Vue 以及 Element UI 時,實現(xiàn)一個具有左右滑動效果的 tab 切換動畫,文中通過示例代碼介紹的非常詳細,需要的朋友們下面隨著小編來一起學習學習吧2024-03-03