v-for는 왜 잠깐 동안만 작동하는가?

v-for는 왜 잠깐 동안만 작동하는가?

Vue.js에서 나에게 일어나고 있는 이상한 문제가 있어.내 잘못인지 벌레인지 모르겠다.

v-for를 콤마와 함께 사용하면(v-bind) 오류가 발생하지는 않지만 아무것도 표시되지 않는다.쉼표를 사용하지 않을 때 이 오류가 표시됨Elements in iteration expect to have 'v-bind:key' directives.

그러나 내가 콤마를 다시 추가하면, 그것은 잠깐 동안 표시되고, 그리고 그것은 나에게 앞서 말한 행동을 준다.

해당 코드:

<template>
  <div class="outside--wrapper">
      <form action="">
          <p :v-for="element in words1">{{ element }}</p>
      </form>
  </div>
</template>

<script>
export default {
    name: "Crossword",
    data() {
        return {
            words1: {
                1: ["S","i","l","a"],
                2: ["S","i","l","a"],
                3: ["S","i","l","a"],
                4: ["S","i","l","a"],
            },
        }
    },
}
</script>

미리 고마워!

:v-for와 같다v-bind:v-for오류는 목록 반복에 키가 있어야 한다고 말한다.v-bind:key또는:key)

올바른 암호는

<p v-for="(elements, key) in words1" :key="key">{{ elements }}</p>

https://v2.vuejs.org/v2/guide/list.html#v-for-with-an-Object을 참조하십시오.

참조URL: https://stackoverflow.com/questions/71110089/why-does-v-for-work-only-for-a-split-second