v-bind:key in template tag is not possible

[Lukino2000]

as per Link in template tag key bind is not possible but eslint-plugin-vue tells me that is required. .vue file compiles and works correctly

Error: Custom elements in iteration require 'v-bind:key' directives

<template v-for="f in filtered">
<div>...</div>
</template>

[michalsnik]

Hey @Lukino2000 according to the last PR that addressed this problem, you have to add key binding inside <template> tag (on child node). Can you please confirm whether it's an official recommendation @chrisvfritz ?

[chrisvfritz]

@michalsnik Yes, any keys have to be added to child elements/components, like here, and that's what I'd officially recommend.

[Lukino2000]

yep, it works as expected, sorry but i didn't know that.
thanks!

[jmmygoggle]

The code at the fiddle link example above now pulls in Vue 3 and fails so here's a copy with src pointed to vue@2.7 and a working illustration: https://jsfiddle.net/dy2k0z13/