작업 노트

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 내 ㅡ.ㅡ 엄청 쉽습니다. 하..

오늘은 Vue Tree를 만들어 보도록 하겠습다. 컴포넌트로 만들어서 어디서든 가저다가 사용 가능 하도록 구성하였습니다. 트리 구성할때 구글링으로 여러곳을 찾아서 해보았지만..... npm으로 설치를 하여 세세한 동작들을 마음대로 하지 못해서 답답 했습니다. 일단 제가 CSS에 대한 지식이 부족하므로 디자인적인 것은 .... 다중에 퍼블님들에게 요청하시고 그럼 시작 하겠습니다. 구성으로는 TreeView.vue > msf-tree.vue > msf-tree-item.vue로 구성 하였습니다. 다른 의미는 없고 각각의 역활을 맡도록 하기 위해 구성 했습니다. 파일명 조회 일단 TreeView.vue입니다. data에 contentTree에 그림과 같이 구성이 되어야 합니다. 중요하게 생각하셔야 할 것은 c..