0

I am having strange problems with a vue3 app and have started to use the vue3 devtools add-in to see what is going on. In one project, I am seeing all the :key values showing as zero:

snip from devtools

although I am setting these values correctly in the template:

<template v-for="(chip,c) in row" :key=idString(0,r,c)>
    <v-chip v-if="!chip.used" size="x-large" variant="outlined" class="copyable changeclass"
        @dropped="drop"
        :data-transfer = myJson(r,c,chip.name)
        :id=idString(0,r,c)

(the id value is shown correctly so I know that idString() is correct - but whatever value I add for :key the result shows as zero in the devtools.)

I have another (very similar) project where the key values are reported (almost) correctly:

snip from devtools

'Almost' because the values shown have an extra '0' in added to what I asked for (should be just 32,33,34,,,).

Now, the second project is not showing the same problem as the first (described in an earlier question of mine) so I am wondering if these incorrect key values are the cause. I did wonder if the vue installation was corrupted, but have now uninstalled and re-installed, was running vue 3.3.2, now running vue 3.2.47 (same as the working project) and the strange key behaviour remains.

quilkin
  • 874
  • 11
  • 31

0 Answers0