vue
-
package.json 사용자 지정 환경변수에 따른 동작 실행vue 2023. 2. 10. 14:54
scripts 명령어 별로 다른 코드 실행되기를 원하는 경우 1. 환경변수 설정 root 폴더 즉, package.json폴더가 있는 곳에 .env.[사용자 지정변수(mode) 명] 파일을 생성한다. 2. 사용자 정의 환경 변수는 반드시 VUE_APP으로 시작해야함. (port나 기본 url등을 여기에 설정해두고 모드 별 다른 동작을 시행하게 할 수 있음. 현재의 경우 프로그램 내부에서 조건문 컨트롤 할 예정이라 다른 변수 필요 x) 3. 모드 접근 모드 별로 보여지는 페이지를 달리 할 예정 process.env.NODE_ENV로 식별함. process.env.VUE_APP_NAME으로 식별해도 됨. 4. package.json scripts 수정 뒤에 --mode [사용자 지정 환경변수 명]을 붙이면 ..
-
vue modal props codevue 2023. 2. 8. 15:05
DataValidationPage.vue Last_registered_time {{ recentUpdateatime }} ID Name Time can not get Start Time {{ record.start_time }} can not get End Time {{ record.end_time }} ✅ 🚨 fail ID Time ✅ 🚨 fail ErrorModal.vue {{ validateErrorMsg }} Correct logger’s folder structure 필요함. {{ validateErrorMsg }} validation 불가능 {{ validateErrorMsg }} meta.json 파일관련 오류 drive duration/distance에 대한 MIN_VALUE를 새로 요청해..
-
[classType vue] props/ 모달 상자 띄우기vue 2023. 2. 7. 16:10
먼저 props 란 부모 컴포넌트에서 ➡️ 자식 컴포넌트로 데이터를 전달할때 사용되어지는 단방향 데이터 전달 방식이다 🔔수행하려는 동작 간단 정리 현재 slot-scope의 record를 통해 'validationDataListConfig'라는 객체가 들어오고 있고 record의 validate_result 값에 따라 모달 상자의 내용이 달라져야 하기 때문에 showModal함수의 인자로 넘겨줌. script에서 showModal함수를 통해 자식컴포넌트에게 validate_result값을 넘겨주어 ErrorModal을 띄울 것임. . . . OK 🚨 {{ record.validate_result }} . . . 자식 컴포넌트인 ErrorModal을 import시켜주고 부모컴포넌트(DataValidatio..