vue循環中key報錯Duplicate keys detected: '0'

一、總結

一句話總結：

出錯原因是組件循環的時候【key指定錯了】：<blog_category_tree v-for="child in data.children" :key="data.bc_id" :data="child"></blog_category_tree>

key應該綁定【child.bc_id而不是data.bc_id】：<blog_category_tree v-for="child in data.children" :key="child.bc_id" :data="child"></blog_category_tree>

 

 

二、vue循環中key報錯Duplicate keys detected: '0'

轉自或參考：

 

1、報錯信息

打開vue的調試界面，可以看到key重復了，所以會報錯

 

 

 

2、代碼

出錯原因是組件循環的時候key指定錯了

<blog_category_tree v-for="child in data.children" :key="data.bc_id" :data="child"></blog_category_tree>

key應該綁定child.bc_id而不是data.bc_id

<blog_category_tree v-for="child in data.children" :key="child.bc_id" :data="child"></blog_category_tree>