[Error Note] Elements in iteration expect to have 'v-bind:key' directives 해결방법

- Elements in iteration expect to have 'v-bind:key' directives

Vue에서 반복문을 사용하려는데 에러가 발생하였다.

Elements in iteration expect to have 'v-bind:key' directives.

 

에러 코드가 말해주는 대로 'v-bind:key'를 추가해 주면 된다.

<li v-for="t in tries" v-bind:key="t">
    <div>{{t.try}}</div>
    <div>{{t.result}}</div>
</li>

key 값은 중복되지 않아야 한다.

---

해결 완료!

---

- 참고자료

[vue.js] Elements in iteration expect to have 'v-bind:key' directives

---