template cannot be keyed. Place the key on real elements instead.

template cannot be keyed. Place the key on real elements instead.

一、总结

一句话总结：

原因：vue不支持在 template 元素上绑定属性。比如这里想绑定 key 属性就不行。

解决方法：可以改成div或者 不使用template元素做for循环

 

 

 

二、cannot be keyed. Place the key on real elements instead.

转自或参考：cannot be keyed. Place the key on real elements instead.
https://blog.csdn.net/tangxinzhuan/article/details/89187057

 

 

 

<--! 以下代码编译的时候提示错误 -->
<template v-for="(m, key) in menus" :key="m.id">
  {{m.menuName}}
</template>

原因：

不支持在 <template> 元素上绑定属性。比如这里想绑定 key 属性就不行。

 

解决办法：

改用 <div> 元素。

<div v-for="(m, key) in menus" :key="m.id">
  {{m.menuName}}
</div>