inflearn logo
강의

Course

Instructor

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

Implementing Pagination & Filter

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

546

kimakuh5990

3 asked

0

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

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

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

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

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

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

vue.js vuejs

Answer 2

1

gymcoding

안녕하세요 🙂

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

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

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

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

/posts?q=검색어

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

감사합니다.

0

kimakuh5990

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

질문드립니다.

0

31

0

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

0

36

2

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

0

30

1

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

0

31

1

질문드립니다.

0

31

2

라우터 인스톨 후 실행안됨

1

48

2

코드 자동 포매팅 질문

0

68

2

필터 watchEffect 질문입니다.

0

50

1

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

0

111

1

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

0

69

2

unplugin-vue-components

0

80

2

TypeError 질문

0

51

1

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

1

56

1

hash 모드 배포의 필요성?

0

61

2

.eslintrc.cjs 가 없습니다

0

95

2

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

0

98

3

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

0

64

1

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

0

71

2

중첩된 컴포넌트 문제

0

75

2

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

0

109

2

useAxios Proxy(Object) RefImpl

0

113

1

axios timeout

0

324

3

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

0

122

2

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

0

167

2