v-for on template, must have key, but cannot have key

[Beiri22]

Version

3.0.0-rc.8

Reproduction link

https://gitlab.com/Beiri22Ny/vue-min-exp

Steps to reproduce

Populate 3 rows per data entry in a table via v-for.

did not work, because it breaks the table. But I found some hint about the pseudo-element . So I tried:

<table>
  <template v-for="entry in old" :key="entry.name">
    <tr>...</tr>
    <tr>...</tr>
    <tr>...</tr>
  </template>
</table>

4:3 error '' cannot be keyed. Place the key on real elements instead vue/no-template-key
5:5 error Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key
6:5 error Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key
7:5 error Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key

So, then put the key on the elements. Tried with 3x the same key; and with different ones.

<table>
  <template v-for="entry in old">
    <tr :key="entry.name" >...</tr>
    <tr :key="entry.name" >...</tr>
    <tr :key="entry.name" >...</tr>
  </template>
</table>

VueCompilerError: key should be placed on the tag.

Following the compiler-given advice seems to me like entering an infinite loop

What is expected?

3 rows per entry in the table, no error messages.

What is actually happening?

see above.

---

I'm not sure, if it's just a lint-thing...

[jacekkarczmarczyk]

vuejs/eslint-plugin-vue#1279

[yyx990803]

Wait for the next release of the eslint plugin. You can disable the lint rule for now.