Post

[vue.js error] Avoid using non-primitive value as key, use string/number value instead.

v-for문을 사용할 때 나타나는 error. key에 value를 바로 입력하는 것이 아닌 index값을 연결해주면 된다.

1
v-for="item in items" :key="item"

이렇게 입력했을 때 오류가 발생한다.

1
v-for="(item, idx) in items" :key="idx"

이렇게 item대신 idx를 연결하면 오류가 사라진다.

This post is licensed under CC BY 4.0 by the author.

Comments powered by Disqus.