router에 관한 질문입니다

안녕하십니까 ?

강의를 바탕으로 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기능을 사용하라고 되어 있는데 어떻케 적용해야할지도 고민이 되고

 이런경우 제대로 동작을 시킬려면 어떻케 하면 되나요

수고하세요

인프런 커뮤니티 질문&답변