vue.js/vue.js 기능
[vue.js] filter 사용법 및 자주 사용하는 filter 정리
서론 vue.js 개발하면서 자주 사용하는 filter를 정리한다. 소스 html 원 데이터 : {{ date1 }} YYYY.MM.DD : {{ date1 | dateFormat("YYYY.MM.DD") }} YY-MM-DD : {{ date1 | dateFormat("YY-MM-DD") }} --------------------------------------------------- 원 데이터 : {{ date2 }} 소수점 2자리 : {{ date2 | toFixed(2) }} 소수점 4자리 : {{ date2 | toFixed(4) }} --------------------------------------------------- 원 데이터 : {{ date3 }} 3자리 콤마 : {{ date3 ..
[vue.js] checkBox all select(전체 선택) computed get/set 제어
서론 vue.js 개발하면서 자주 사용하는 checkBox 전체선택을 쉽게 정리하기 위해 정리합니다. 소스 vue 수신동의 : 전체 {{ item }} check: {{ selectList }} 설명 data : checkList 와 사용자가 선택한 selectList computed : 전체선택 allSelected 를 get/set 으로 설정. get은 checkList와 selectList의 길이가 같으면 true, 그외는 false로 전체선택 checkBox를 제어한다. set은 사용자가 선택한 selectList 데이터에 true일때는 checkList 를 set, 그외는 [](빈값) 을 set한다. 테스트 * 테스트 소스 : https://github.com/hjh830827/test-proj..
[vue.js] radio click시 validation 체크 후 checked 제어 문제 및 해결 방법
문제 이번 프로젝트에서 radio 버튼 클릭시 validation으로 check를 막는 기능이 필요했다. 보통 vue 개발하면 radio는 v-model로 하니 v-model 데이터만 초기화 하면 되겠지 하는 생각을 하며 개발 진행했는데 되지 않아서 테스트한 내용과 해결 방법을 정리해보려고 한다. 기능 radio 버튼이 클릭시 validation 을 체크해서 click을 막는다. 1차 테스트 소스 One Two 선택: {{ picked }} radio data 초기화 테스트 v-model 데이터를 picked으로 선언하고 this.picked = '' 으로 간단하게 처리했다. button 으로 테스트한것 처럼 간단하게 데이터만 초기화 하면 되겠지 생각했지만.. 2차 테스트 소스 One Two 선택: {{..