-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
21.02.03 18:54 작성 조회수 3.71k
1
[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
이에러는 뭔가요?... index 어쩌고 에러나서 그대로 콘피그 생성해서 넣었더니 저거나와요
답변을 작성해보세요.
1
장기효(캡틴판교)
지식공유자2021.02.05
안녕하세요 지영님, v-for 디렉티브 사용하실 때 v-bind:key에 무언가를 연결하신 것 같은데요. 문자열이랑 숫자만 해당 값에 들어갈 수 있게 변경하시면 됩니다. 아마 객체나 다른 데이터 타입이 들어가 있는 것 같아요 :)
조태준
2022.08.05
localStorage를 setItem 할 때, (key, value)으로 설정해줄 때
두번째 파라미터가 기존에는 아래와 같았으나
localStorage.setItem(this.newTodoItem, this.newTodoItem);
강좌 영상중 아래와 같이 바꾸는 과정에서 발생한 것 같습니다.
localStorage.setItem(this.newTodoItem, JSON.stringify(obj));
다른 수강생 분들께서는 참고가 되셨으면 좋겠습니다.
해결방법은 아래와 같습니다.
<li class="shadow" v-for="(todoItem, index) in todoItems" v-bind:key="todoItem">
위에 v-bind:key="todoItem"을 "todoItem.item" 으로 설정하니 에러가 해결됐습니다.
답변 1