Esta puede ser una pregunta simple, pero como estoy en una curva de aprendizaje de vuejs, estoy luchando para lograr la siguiente tarea.
Tengo este método dentro de uno de mis componentes vue.
async loadSuggestedUsers() { if (!this.suggestionUrl) return false else this.isSearching = true; this.cancelPreviousRequest(); await axios.get(`/${Helper.getLocale()}/dashboard/${this.suggestionUrl}`, { params: { page: this.suggestedUsersData.page, per_page: this.suggestedUsersData.perPage, search_text: this.searchText, nationality: this.selectedNationalities }, cancelToken: this.requestToken.token }).then(({data}) => { collect(data.data).each((user) => { if (!this.suggestedUsers.some(obj => obj.id === user.id)) { this.suggestedUsers.push(user) } else if ( user.project_specific_job_title_id && !this.suggestedUsers.some(obj => obj.project_specific_job_title_id === user.project_specific_job_title_id) ) { this.suggestedUsers.push(user) } }) this.suggestedUsersData.perPage = data.per_page this.suggestedUsersData.total = data.total this.isSearching = false }).catch(error => { if (error instanceof axios.Cancel) return false; }); }, pero ahora, en lugar de llamar directamente a este método desde el componente, estoy tratando de acceder a esto usando store .
Debajo de mi tienda, tengo un archivo js llamado TestStore.JS
Mis preguntas son,
¿Cómo puedo volver a crear el método anterior en mi TestStore.JS y cómo llamar a ese método recreado en mi componente...
Una solución es crear un estado para esta función en su tienda y pasarle su referencia en el ciclo de vida creado del componente.