개발자 도담씨

Vue.js를 사용하면서 jQuery Ui인 Timepicker을 사용했어야 했는데 같이 사용해보니 발생했던 이슈가 있어 정리하고자 한다 🤔 input태그를 클릭시 timepicker가 나타날텐데 input태그에 값이 들어가있는것 처럼 보이지만 실제로 v-model의 변수값이 변경되고 있지 않았다. 코드를 보면서 자세히 설명해보겠다 :) 📋 기존코드 vue를 사용한다면 기본적으로 아래와같이 적어줄 것이다. 여기서 문제가 timepicker가 선택됐을때 time이라는 변수의 값이 변경되지 않는다는거다. vue객체안에서 timepicker을 설정해주고 onSelect 함수를 추가해줘도 똑같은... 그래서 열심히 구글링하다가 vue의 component를 사용해보기로 했다. 📋 수정코드 Vue.component..

"selectbox 꾸미기"라고 검색하니까 대부분 음... 말을 안해도 다들 아실 것 같지만 내가 생각하는 그런 이쁜 ui로써의 꾸미기가 아니었다. ( 물론 지원안해줘서 그런 것일 테지 음음..! ) 보통 이렇게 까지 selectbox와 option의 ui를 신경쓸 경우가 잘 없었지만 앞으로 내가 만드는 페이지엔 이렇게 이쁘게 할 것이다 😠! 구글링을 하던 도중 js로 나와 비슷하게 하신분 포스팅을 봤는데 나는 최근에 접한 vue의 template기능을 통해 구현하였다. ( name속성 및 value까지 정상 작동! ) 완성작✨ ( 이거 혹시 실제 작동하도록 넣는 방법 아시는분... html로 저장하니까 깨져용...😥 ) HTML코드에 딱히 볼건 없다. 일반 select사용하듯이 사용하면 된다. sele..

window.onload = function(){ var app = new Vue({ el : "#wrap", data : { "history" : [], "work_idxs" : [], }, computed : { checkAll : { //getter get: function(){ if((this.work_idxs.length != this.history.length) || this.history.length == 0) return false; else return true; }, //setter set: function(e){ if(e){ for(var i=0; i history는 리스트를 가지고 있는 배열이다. ( ajax로 history를 받아오는 부분인데 따로 이부분은 위에 표시 하지 않았다...