목록Vue 프로젝트 진행하기/Vue 예제 (4)
작업 노트
props는 팝업, 모달, component 등등 추가로 필요한 화면에 값을 전달 하기 위해서 사용 합니다. 처음 아 .... 도대체 어떻게 해야 저어어어창에대가 값을 전달 하지 ㅡ.ㅡ 하고 고민 하고 예제를 찾아서 구글링을 했던게 기억이 나네요 일단 간단하게 a.vue에서 b.vue에 값을 전달 하고 전달 받아 보도록 하겠습니다. 일단 전 a.vue와 b.vue를 만들었습니다. a.vue에서 b.vue를 modal처럼 띄우려고 합니다. a.vue 모달 띄울꺼임 자 이렇게 하면 일단 b.vue내용이 우리가 알고 있는 modal처럼 보일 겁니다. 하나하나 찾아보죠 1. b.vue 를 import를 한다음 components에 해당 이름을 넣어주고 template안에 태그()를 넣어 줍니다 해당 태그는 자동..
안녕하세요 이번엔 router에 대해서 이야기 해보겠습니다. 다들 알고 계시겠지만 roter는 폴더 만들고 js파일 하나 만들고 조건에 맞게 설정하면 문제 없이 진행 가능 합니다. 그런데 플잭 중에 스크립트 안에서 router를 호출 해야 할 상황이 있어 방법을 적어 볼까 합니다. 더보기 let router = this.$router router.push({name: 'contentmetainput'}) 간단하죠? 처음 Vue개발을 시작 하고 이런거 하나 찾는게 어찌나 힘들 던지 ㅋㅋ 지금은 아니지만 여러분에게도 도움이 됐으면 좋겠습니다. 아!! 추가로 해당 페이지의 url정보를 알아오는 방법도 기술 하도록 하겠습니다. let url = window.location.href 내 ㅡ.ㅡ 엄청 쉽습니다. 하..
ctx.drawImage(a, b, c, d, e, f, g, h, i) a:Background의 Image경로 b: a이미지의 보여줄 x좌표 c: a이미지의 보여줄 y좌표 d:0이면 이미지가 안나옴 e:0이면 이미지가 안나옴 값을 올리면 zoom기능 d를 높이면 이미지 가로가 길어지고 e를 낮추면 이미지 하단이 내려감, 1940, 1350 f:프레임 x위치시점 g:프레임 y위치 시점 h:화면에 보이는 widht i: 화면에 보이는 height h,와 i의 경우 처음 시도 할때는 이렇게 적용 했을때 canvas의 property에서 WIDTH와 HEIGHT를 가져 올때 defult값을 가지고 와서 고생을 했다. 이때 console.log를 찍어서 property를 확인해보면 clientWidth 와 cl..
Attribute Value Description columnDefs 칼럼정보 정의된 칼럼 정보를 넣어줘야 합니다. rowData [{key:value]} 그리드 데이터, json data를 넣어 줘야 합니다. defaultColDef 기본정의 공통 기본 정의 rowSelection 'single' or 'multiple' row data를 선택하는 경우의 옵션으로 하나만 선택하거나 복수개를 선택할 수 있습니다. enableColResize true | false 칼럼 리사이즈 허용 여부 enableSorting true | false 정렬 옵션 허용 여부 enableFilter true | false 필터 옵션 허용 여부 enableRangeSelection true | false 정렬 기능 강제여부,..