router에 관한 질문입니다
172
모시개
작성한 질문수 16
0
안녕하십니까 ?
강의를 바탕으로 homepage를 만드는 중인데 잘안되는 부분이 있어 질문 합니다
질문내용
홈피에서 검색(input, button)으로 구성되어 있습니다
input에 입력한후 button을 눌러 검색 결과가 나타나게끔 하고 있습니다
* program 측면에서 볼때
1) router 수행
this.$router.push({ name: 'integratedSearch', params: { searchKeyword: this.searchword } })
2) page 폴더 밑에 integratedSearch.vue에 asyncData를 이용해서 해당내용을 가져 옵니다
async asyncData(context) {
const res = await context.$axios.$get('/api/integratedSearch', {
params: {
searchKeyword: context.route.params.searchKeyword
}
})
const totalData = res
return { totalData }
},
의문사항
1. 검색어를 '홍길동'으로 입력하고 button을 누르면 검색이 잘됩니다
2. 그상태에서 '홍길동'을 지우고 '길말동'으로 검색을 하면 검색이 되질를 않습니다
(새로고침을 하고 '김말동'으로 검색하면 잘됩니다)
확인해보니 asyncData가 실행이 되질 않습니다
개인적인 의견으로는 this.$router.push에서 동일한 url이어서 동작을 하지않아 asyncData가 동작하지 않는걸로 보입니다
3. 구글링해서 보니 refresh기능을 사용하라고 되어 있는데 어떻케 적용해야할지도 고민이 되고
이런경우 제대로 동작을 시킬려면 어떻케 하면 되나요
수고하세요
답변 0
판교님, 50% 학생 할인 쿠폰
0
150
2
캡틴님 커리어 질문 있습니다
0
84
1
nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제
1
359
1
vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?
0
194
1
24년 강의를 들으면서 에러나는 부분 정리
2
348
2
공식홈페이지에 설치방법이 바뀐거같아요
1
411
3
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
1
385
2
자료가 없습니다.
1
289
2
에러 페이지 정의 방법 강의 문의
1
340
2
SSG -> SSR 배포 방식 전환
1
531
2
갑자기 화면에 에러가 나오네요..
1
452
2
마지막 강의까지 작성된 코드
1
299
2
JSON Server Operator 링크에 Operator 가 없습니다.
1
227
2
Vue2 EOL 관련해서..
1
465
2
env.baseUrl 문제
1
629
2
블로그 기능 질문입니다!
1
464
3
node 버전 문제 질문입니다.
1
228
1
폴더구조 다른것 안내 부탁드려요
1
460
1
npm run generate 배포
1
687
2
캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ
1
333
2
nuxt.config.js 에서 baseurl 지정하는 방법
2
998
1
db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.
2
617
3
axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.
2
779
2
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
1
391
2