vue3 v-for的一个错误
【代码】vue3 v-for的一个错误。
·
vscode给的错误提示如下:
[vue/no-v-for-template-key-on-child]
`<template v-for>` key should be placed on the `<template>` tag.eslint-plugin-vue
vue2中的写法:
<template v-for="(item, index) in titles">
<li :key="index">
<span>{{item.title}}</span>
<span>{{item.value==""?"待完善":item.title}}</span>
</li>
</template>
但在vue3中是报上面错误的,要把key放在v-for的同一行,修正后:
<template v-for="(item, index) in titles" :key="index">
<li>
<span>{{item.title}}</span>
<span>{{item.value==""?"待完善":item.title}}</span>
</li>
</template>
更多推荐
已为社区贡献1条内容
所有评论(0)