개발새발

여러 데이터에서 꼭 값이 중복되어야만 하는 기능을 구현해 보자. 예시로 체크박스 선택된 데이터들 중 서로 다른 데이터가 있으면 alert을 띄우는 기능을 만들어보려 한다. 여러 결제정보들의 리스트가 있고 리스트들 중 결제타입이 카드인 경우는 결제일과 승인번호가 같아야만 값이 넘어가고 아닌 경우는 alert을 띄워보자. var payInfoArr = new Array(); var isDupl = false; $('input[name=chk]').each(function(i) { if(this.checked){ var idx = $('input:checkbox[name=chk]').index(this); var paymentType = $("input[name=paymentType]").eq(idx).val..

vuejsexamples.com/ Vue.js Examples A nice collection of often useful examples done in Vue.js vuejsexamples.com

npm 설치 npm install vue-carousel vue component에 vue-carousel import 후 사용 - Global로 import 할 경우 import Vue from 'vue'; import VueCarousel from 'vue-carousel'; Vue.use(VueCarousel); - Local로 import 할 경우 import { Carousel, Slide } from 'vue-carousel'; export default { ... components: { Carousel , Slide } ... }; -- 버튼 간격 조절 [참고사이트] Live Demo ssense.github.io/vue-carousel/ Vue Carousel Vue Carousel - ..

1. npm 설치 npm install vue-infinite-loading -S 2. 에 모듈 import import InfiniteLoading from 'vue-infinite-loading'; 3. export default 안에 components 추가 components: { InfiniteLoading }, 4. 초기값 설정 data: () => { return { contents: [], startNo: 1 } }, 5. html에 infinite 태그 추가 NO MORE * spinner = 본인이 원하는대로 변경 가능 6. methods 안 infiniteHandler 추가 infiniteHandler($state) { axios .get("데이터 가져올 API URL", { para..

github.com/Eugene0719/todoList Eugene0719/todoList [vsCode] vue.js를 사용한 todoList. Contribute to Eugene0719/todoList development by creating an account on GitHub. github.com

User.vue라는 파일을 부모라고 하고 UserDetail.vue라는 파일을 자식이라고 한다면 User.vue파일에서 버튼을 클릭했을 때 변수 name이라는 값을 change 시키는 메서드가 있다면 자식인 UserDetail에서의 변수 name은 값이 변하지 않는다. User.vue 파일에서 변수 name에 대한 메서드(정보)를 UserDetail에 전달해 준다면 값이 함께 변할 것이다. 부모가 가지고 있는 데이터를 자식 컴포넌트에게 전달해주는 것 이것을 Props라고 한다. : name의 정보를 너(UserDetail)한테 줄게라고 부모 컴포넌트가 자식 컴포넌트에게 말해줌. 왼쪽(nameOfChild)이 자식에게 선언되는 Props의 변수명. 오른쪽(name)이 그 변수명에 어떤 값을 넣어줄 거냐에 ..

첫번째 방법 : 하나의 파일을 다른 하나의 파일에서 불러오는 형태. App.vue가 있는 위치 동일하게 Home.vue 파일을 만든다. 대략 이렇게 코드가 있다고 한다면 "홈 입니다."를 App.vue 화면에서 불러올 수있도록 component를 생성해준다. App.vue파일에서는 script부분에 ./Home.vue파일을 HomeComponent라는 이름을 만들어서 import해온다. 그리고 export default에서 componets로 HomeComponent를 추가한 뒤 template 부분에서 import 해온 이름으로 태그를 써주면 Home.vue에서 만들었던 homeTitle을 불러올 수있다. 두번째 방법 : 전체에서 하나의 파일을 불러오는 즉, 전역에서 컴포넌트를 사용할 수있도록 선언해 ..

Download the Vue Devtools extension for a better development experience : 더 나은 개발 경험을 위해 Vue Devtools 확장을 다운로드하십시오. 실제 배포를 위해서는 npm run build 명령어를 입력해줘야 한다. build가 완료되면 dist라는 폴더가 생성된다. App.vue 파일에서 코드를 작성해주면 화면에서 볼 수 있음.