inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

Pagination & Filter 구현하기

Filter 구현하기에서 input v-model 질문 있습니다.

551

김악어

작성한 질문수 3

0

안녕하세요! 강의 잘 듣고 있습니다.

강의 수강 중 질문이 있는데요.

강의에서는 게시글 목록 상단에 input에서

<input v-model="params.title_like" type="text" class="form-control" />

이렇게 타이틀로만 검색되게 했는데, 타이틀과 내용으로 검색하고 싶으면 어떻게 해야하나요?

v-model에 params.content_like 를 넣고 싶은데 방법을 모르겠습니다.

vue.js vuejs

답변 2

1

짐코딩

안녕하세요 🙂

우선 "제목"과 "내용"으로 검색(API)하고 싶다면 해당 서버에서 API를 제공해야 합니다.

현재 타이틀 검색은 "title_like(또는 title)" 파라미터, 내용은 "content_like(또는 content)" 이렇게 검색할 수 있도록 json-server 라이브러리에서 지원하고 있는데요.

제목+내용으로 검색할 수 있는 파라미터는 확인되지 않습니다. 실무에서는 만약 해당 기능이 필요하게되면 백엔드에서 해당 스펙의 API를 제공할 거에요.

만약 유사한 기능을 json-server로 구현하고 싶으시다면 json-server에서 지원하는 Full-text search파라미터를 활용하시면 될 것 같습니다.

/posts?q=검색어

하지만 해당 파라미터는 "제목", "내용" 뿐만아니라 모든 키에서 검색합니다. 참고하시면 좋을 것 같아요.

감사합니다.

0

김악어

빠른 답변 감사합니다! 이해가 되었습니다!

질문드립니다.

0

32

0

unplugin-vue-components 질문드립니다.

0

41

2

강의듣다가 헷갈려서 질문드립니다.

0

35

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

33

1

질문드립니다.

0

33

2

라우터 인스톨 후 실행안됨

1

50

2

코드 자동 포매팅 질문

0

71

2

필터 watchEffect 질문입니다.

0

52

1

json-server 오류가 다른게 뜨네요

0

114

1

미리보기가 안됩니당...

0

70

2

unplugin-vue-components

0

86

2

TypeError 질문

0

53

1

v-model="show" :show="show" 같이 사용?

1

58

1

hash 모드 배포의 필요성?

0

63

2

.eslintrc.cjs 가 없습니다

0

96

2

title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.

0

98

3

_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.

0

65

1

@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.

0

73

2

중첩된 컴포넌트 문제

0

76

2

교안에 있는 부분이 아닌가요?

0

109

2

useAxios Proxy(Object) RefImpl

0

114

1

axios timeout

0

334

3

강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.

0

124

2

컴포넌트 분리 부분에서 오류가 나요ㅠㅠ

0

170

2