Front-end/Vue 3

[Vue] vue3 script setup defineExpose 값 받기

# 이슈 까지는 아니고.. script setup에서 defineExpose로 올린 값을 부모에서 참조하는 법이다 vue에서 ref로는 컴포넌트 또는, 엘리먼트도 참조 할 수 있다는 점을 이용한다. # 방안 vue에서 ref로는 컴포넌트 또는, 엘리먼트도 참조 할 수 있다는 점을 이용한다. 부모 컴포넌트 ... ... 자식 컴포넌트 ... 다른 데이터는 두고 exposeData만 defineExpose 해보자 # 참고 https://stackoverflow.com/questions/73344760/defineexpose-from-components-script-setup-not-working-in-vue-3

Front-end/Vue 2024.01.04

[Vue] vue 환경변수 .env ERROR in ./node_modules/dotenv/lib/main.js

# 이슈 ERROR in ./node_modules/dotenv/lib/main.js 2:13-28 Module not found: Error: Can't resolve 'path' in 'PROJECT_PATH\node_modules\dotenv\lib' 개인 프로젝트 진행 중 환경변수를 설정할 수 있게 해주는 dotenv 모듈 설치 후 사용 중 해당 오류 발생 dotenv 직접 설치하고 사용하는 것은 처음이라 살짝 삽질.. # 방안 import dotenv from 'dotenv' dotenv.config() 다른 모듈처럼 main.js에서 import를 해서 생긴 문제였다 해당 구문을 지움으로 해결됐다. dotenv의 작동 방식이 생각보다 복잡해서 이해하기는 일단 보류.. node.js 에서 기본적..

Front-end/Vue 2023.12.29

[Vue] vue3 반복 사용되는 element에 고유한 id, key 제공하기 (uid?)

# 이슈 라디오 박스나 체크박스를 컴포넌트로 만드는 경우 혹은 기타 폼 요소를 컴포넌트로 만든 경우 제목과 같은 이슈를 겪을 때가 종종 있다. 현재 프로젝트에서 작업한 라디오박스가 해당 이슈를 뿜었을 때의 코드이다. {{ label }} 다음과 같이 id, for를 지정하는 경우 같은 value를 갖는 컴포넌트가 여러 개 있을 때, 모든 라디오박스가 하나의 input에만 반응하는 문제가 생긴다. # 방안 간단한 이슈이며 해결 방법도 여러가지이다. 사실 퍼블리싱만 생각하면 이슈라고 하기도 그렇지만, 이제는 개발도 같이 하는 입장이 되다 보니 나름 재밌는? 이슈라고 생각한다. 1. value를 다르게? 아무것도 모르던 시절 퍼블리싱만을 위해 이런 식으로 작업한 경우가 있었다. 폼 요소의 경우 보통 개발 데이..

Front-end/Vue 2023.12.24
반응형