template v-for报错

来源:7-7 首页显示分类菜单

此间道

2022-02-21

代码1与代码2是对照代码,都是实现遍历,但是代码1执行正常,代码2就报错

1.代码1

<a-menu-item v-for="item3 in item2.children" :key="item3.id">
    <MailOutlined /><span>{{item3.name}}</span>
</a-menu-item>

2.代码2

<template v-for="item3 in item2.children">
   <a-menu-item  :key="item3.id">
        <MailOutlined /><span>{{item3.name}}</span>
   </a-menu-item>
</template>

报错:VueCompilerError: key should be placed on the tag.

图片描述

写回答

1回答

甲蛙

2022-02-22

代码2 v-for和key是一起用的,不要分开

0
0

Spring Boot+Vue3前后端分离,实战wiki知识库系统

一课掌握前后端最火框架,更有职场竞争力

2524 学习 · 1671 问题

查看课程