v-for写在非template上,添加:key没有任何问题,但是写在template上就不行了,加了就报错。

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

<template v-for="(item,i) in functionList" :key="i">
    <div >{{item.label}}</div>
</template>

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

解决办法

<template v-for="(item,i) in functionList">
    <div :key="i">{{item.label}}</div>
</template>

Logo

前往低代码交流专区

更多推荐