eladmin异常解决: [Vue warn]: Duplicate keys detected: ‘/user‘. This may cause an update error.

系统管理员 2021-09-21 11:08 297阅读 0赞

### 报错截图 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzIxNzk0Mg_size_16_color_FFFFFF_t_70_pic_center]

### 报错原因 ###

v-for渲染的组件在更新时会根据key值来确定是否为同一个组件, 不设置key会对组件进行复用(这样性能会高点), 但是当在列表上有动画或者需要更新时, 就会报vue无法确定组件的warn警告, 因此通常在使用v-for时都设置key以此保证组件的唯一性, 只有在一些只读的列表渲染为了提高效率才设置key属性.

**这是引用组件的绑定的key**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzIxNzk0Mg_size_16_color_FFFFFF_t_70_pic_center 1]  
**这是组件内绑定key**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzIxNzk0Mg_size_16_color_FFFFFF_t_70_pic_center 2]  
最好修改引用组件的key, 也就是第一个图里的key.

### 解决办法 ###

修改v-for的:key值, 使v-for渲染的组件标识具有唯一性, 同时组件内的v-for的:key值也不能重复.

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzIxNzk0Mg_size_16_color_FFFFFF_t_70_pic_center]: /images/20210920/be3aa79f59df41ad8e8aa1c355ed63fc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzIxNzk0Mg_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210920/754e1b33cd2246d4a06b8fed0a76765c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzIxNzk0Mg_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20210920/8a2d4909deee44cba700fea8b4698b60.png