store.js에서 특정 컴포넌트의 함수 호출이 가능한가요?

[김민정]

안녕하세요!

오랜만에 질문드립니다. 그동안 강사님 덕분에 vue에대해 많이 알 수 있었어요?

제가 페이징을 구현하고 있는데 어떤 부분을 수정해야 될지 모르겠어서 문의드립니다!

 

[에로사항]

페이지를 최초 호출 했을 경우 페이지버튼이 정상 출력되는데 다른 페이지를 클릭 했을 경우 이전 호출한 페이지의 값이 그대로 남아있는 문제가 발생했습니다 . 도와 주시면 감사하겠습니다 ! 

 

[질문]

1. store.js 파일의 내부 함수에서 특정 컴포넌트의 함수를 호출 할 수 있나요 ?

2. 할수 없다면 해결방안은 어떤 방법이 있나요 ?

3. pageDataSetting()함수를 store.js파일에 옮겼을 때 next, prev이 부분이 에러가납니다. (예: let next = false;) 이렇게 하면 안되더라구요 ㅜㅜ 왜때문이죠?

[codingapple]

import export 문법쓰면 함수들 옮겨서 사용할 수 있는데

pageDataSetting 함수는 해당 파일 위에있는 데이터들을 많이 수정하는 함수라

그냥 옮겨서 쓰면 this.next, this.prev 이런게 없다고 에러가 나올듯 합니다 

그럼 그냥 버튼누르면 스토어에서 changePage() 해주고 그 밑에 pageDataSetting() 해달라고 코드를 짜면 안될까요 

 

[김민정]

넵 알려주신 방법대로  changePage() 해주고 그 밑에 pageDataSetting() 을 호출 했을경우 next와 prev가 에러가 나고 for문으로 들어가지 않아서요 ㅜㅜ

 

[김민정]

아니면 새로고침을 하면 페이징 버튼이 정상작동을 하는데 다른페이지로 이동할 때마다 새로고침이나 유사한 기능을 할 수 있는 코드가 있을까요~?

[codingapple]

다른페이지 이동시 실행하는건 mounted() 아니면 navigation guard 입니다

prev next 에서 어떤 에러가나는지 이유를 살펴보면 되지않을까요 아마 

 

$store.dispatch('changePage어쩌구함수').then(() => {

  pageDataSetting()어쩌구

})

changePage가 성공되고나서 pageDataSetting 실행하라고 해봅시다 

[김민정]

story.js 에서 commit으로 처리했습니다! 

다른 어떤 에러가 발생할지는 모르겠지만 일단 해결했어요

늘 감사합니다?

[글쓴이]

글