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>

Logo

前往低代码交流专区

更多推荐