vue2

• 

  [Vue] <template v-for> key should be placed on the <template> tag. 페이징 처리를 구현하다가 다음과 같은 에러가 발생했다.컴파일이 실패할 정도의 에러는 아니었지만, :key 부분에 빨간 줄로 에러가 떴다..!!  [에러 발생]   VueCompilerError:  key should be placed on the  tag.     해결과정찾아보니 태그를 사용하여 여러 개의 버튼을 렌더링 하는 경우에는 'v-for' 디렉티브를 사용하여 반복되는 템플릿을 정의하고, 해당 템플릿에는 키를 지정할 수 없다고 한다. 올바른 방법은 각 버튼 요소에 직접 키를 지정하는 것이다. 예를 들어, :key="index" 부분은 각 요소의 인덱스를 key로 사용하는 것이다.이렇게 하면 Vue.js가 각 요소를 효율적으로 관리할 수 있다. ▼예시 코드 ▼ {{ item }} ▷키(Key).. FE/Vue 2024. 4. 29.

• 

  [Vue] Vue CLI를 사용할 때 PowerShell 실행 정책 오류 해결하기 [ UnauthorizedAccess 오류 해결 방법 ] Vue CLI를 사용하여 Vue 프로젝트를 생성할 때, 때로는 PowerShell에서 실행 정책으로 인한 오류가 발생할 수 있습니다. 이 오류는 PowerShell이 스크립트 실행을 허용하지 않아 Vue CLI를 실행할 수 없는 것입니다. 이 문제를 해결하기 위해 다음 단계를 수행했습니다. 1. PowerShell 관리자 권한으로 실행 시작 메뉴에서 PowerShell을 찾고 마우스 오른쪽 버튼을 클릭하여 "관리자 권한으로 실행"을 선택합니다. 이렇게 하면 PowerShell을 관리자 권한으로 실행할 수 있습니다. 2. 실행 정책 변경 PowerShell 창이 열린 상태에서 다음 명령을 실행하여 실행 정책을 변경합니다. Set-ExecutionPo.. FE/Vue 2024. 4. 2.