Vue.js로 List를 이용한 CRUD, Pagination, Search - #3 CRUD, search 기능 추가
2018.08.12
이번 포스팅에서는 구현된 ListView에 CRUD와 search기능을 추가하도록하겠습니다. CRUD는 각각 add, edit, delete 버튼을 이용해 구현되며 Dialog인 Modal을 띄워서 구현하겠습니다.Modal을 구현하기 위해서 BaseModal 이름으로 컴포넌트를 추가생성하였으며, BaseModal은 addDialog, EditDialog, DeleteDialog 3개의 Modal을 띄울 때 재사용하는 컴포넌트입니다. 이와 같이 Vue.js는 컴포넌트를 재사용 할 수 있는것이 장점입니다. search기능은 input form에 입력을 하면 바로바로 입력된 글자가 subject에 포함되어있는 데이터만 보여지게 구현하였습니다.v-model을 이용해서 data 속성에 있는 search 값을 맵핑..