반응형

vuex 285

이 $store 함수가 정의되지 않음

이 $store 함수가 정의되지 않음 vuex의 저장소를 사용하여 API 호출을 수행하려고 하지만 vuex를 설치한 후 저장소를 파일로 가져오고 "vuex"로 내 저장소 파일을 내보내는 경우 vuex가 설치되었는지 확인하는 것과 같은 다른 스택 오버플로 응답을 따르십시오.Store" 등이 있지만 loadCalls 기능은 여전히 작동하지 않는다. 이것이 내가 얻는 오류다: this.$store.loadCalls is not a function 여기 내 기능과 내가 그것을 어떻게 부르려고 하는지가 있다. 그것은 내 스토어 js 파일의 내 행동 섹션에 선언되어 있다. loadCalls() { axios .get("/some/calls") .then(res => { console.log(res) }); }, 나..

programing 2022.04.12

VueJs 앱에서 Firebase로 이미지 업로드

VueJs 앱에서 Firebase로 이미지 업로드 사용자가 동일한 이벤트에서 등록하고 이미지를 업로드할 수 있도록 해 이름, 이메일 등 데이터가 소방서에 가고 이미지가 저장 버킷에 가게 되는데, 현재는 이 두 가지 기능을 구현할 수 있지만, 별개로 내가 조금 고착되어 있는 것은 데이터와 이미지를 어떻게 연결해서 다시 업로드할 수 있는가 하는 것이다.나중에 그것들을 얻는다.나는 또한 Vuex를 사용하여 이것을 하고 싶다. 아래 코드는 내가 나의 .vue 컴포넌트로부터 데이터와 이미지를 각각 소방서와 저장소로 보내는 방법을 설명한다. import { storage } from '../firebase/init.js' import firebase from 'firebase' export default { dat..

programing 2022.04.12

VueX 상태에서 값을 직접 설정하는 방법

VueX 상태에서 값을 직접 설정하는 방법 나는 단지 VueX 상태에서 동작 > 돌연변이 > 상태를 따라가는 단계를 통해 데이터를 변경하고 다른 구성 요소의 VueX 상태에서 데이터를 가져오기를 원한다. 할 수 있는가? 아니면 누구든 어레이로 값을 ...mapAction으로 보낼 수 있는 다른 최선의 방법이 있는가? 사실, 나는 단지 어레이와 함께 데이터를 다른 컴포넌트로 보내고 싶어. 다른 컴포넌트는 내가 사용했던 Treevue 컴포넌트의 체크박스를 사용자가 선택할 때마다 데이터가 변경될 거야. 정말 고마워. ## FilterList.vue ## export default { data() { return { listSelected: ['aa','bb','cc','...'], // this value w..

programing 2022.04.12

계산된 속성에서 예기치 않은 부작용을 방지하는 방법 - VueJs

계산된 속성에서 예기치 않은 부작용을 방지하는 방법 - VueJs 나는 양식에 vuex 상점의 데이터를 미리 채우려고 한다.제공된 코드는 예상된 결과지만, 나는 이것이 그것을 하는 방법이 아니라는 것을 알고 있다.나는 Vue/Vuex에 꽤 생소하다.입력은 v-모델을 사용하므로 사용할 수 없음:value="formInformation.parentGroup"미리 채우다 data() { return { groupName: { text: '', state: null }, parentName: { text: '', state: null }, }; }, computed: { formInformation() { const groups = this.$store.getters.groups; const activeForm..

programing 2022.04.12

필요한 조언:익스프레스 기능이 있는 VueJS 풀스택 앱 - 백엔드(서버)에서 2개의 스토어, 별도의 Vue 앱 또는 관리자용 익스프레스 app를 사용해야 함

필요한 조언:익스프레스 기능이 있는 VueJS 풀스택 앱 - 백엔드(서버)에서 2개의 스토어, 별도의 Vue 앱 또는 관리자용 익스프레스 app를 사용해야 함 나는 Vuejs에 매우 익숙하지 않다.나는 약간의 온라인 상점을 디자인했고 이제 그의 고객이 주식 항목을 추가하고 편집할 수 있는 관리자 측면을 구현하고 싶다. 내 질문은 단순히 다음 사항에 대한 조언이 필요하다는 것이다. 같은 앱에서 라우터의 관리 루트를 사용하는 것이 좋을까?예인 경우 두 번째 저장소를 생성해야 함(이 방법이 좋은가) 별도의 앱(아마도 백엔드의 익스프레스 앱일 것이다)에서 이 작업을 수행해야 함 많은 것들이 그렇듯이, 나는 옳고 그른 답이 없다고 생각하며, 대부분 당신의 프로젝트와 목표에 달려 있을 것이다.나로서는 UI를 확장할..

programing 2022.04.11

vuex 작업의 오류를 vue 구성 요소로 전파하는 방법

vuex 작업의 오류를 vue 구성 요소로 전파하는 방법 모듈 저장소가 없고 작업 loginUser가 있으며, 권한 부여 헤더를 상태로 저장하여 사용자를 로그인하는 경우: loginUser(context, user) { userService.login(user) .then(response => context.commit('SET_AUTHORIZATION', response.data)) .catch(error => { throw error.response.data }) } 문제는 로그인 컴포넌트의 에러가 필요하고 세션이 활성화되는 한 상점을 끈질기게 만들었기 때문에 해당 상태로 저장할 수 없다는 것이다.로그인 구성 요소의 제출 기능은 다음과 같다. async onSubmit() { let user = { ..

programing 2022.04.11

Vuex에 있는 다른 이름의 getters에 액세스하는 방법

Vuex에 있는 다른 이름의 getters에 액세스하는 방법 나는 '양식'이라는 이름의 Vuex 모듈을 가지고 있다.나는 '사용자'라는 이름의 다른 (이름도 앞지르는) 모듈을 가지고 있다. 나는 Vuexfire를 사용하고 있다. (처음, 내가 생각하는 것은 나를 흥분시키는 것이다.)그리고 다음과 같은 조치를 취하십시오. const actions = { loadPendingHoursRequests: firestoreAction((context) => { context.bindFirestoreRef('pendingHoursRequests', db.collection('hours') .where('submittedToUID', '==', "iTd865JKWXRmhz2D2mtW7KIpL7a2")) }), 이것은..

programing 2022.04.11

Vuex axi에서 어레이 업데이트 발생

Vuex axi에서 어레이 업데이트 발생 나는 현재 VueJS vuex와 Axios에 문제가 있다. 나는 공리가 있는 배열을 얻고 있다. -> 이런 식으로 아이들을 채우기 위해 그 배열을 반복한다: "루브리크"는 많은 자기 관계를 가지고 있기 때문에 한 루브릭이 여러 아이를 가질 수 있다. 액션: actions: { get_main_rubriques: ({ commit }) => { axios.get('http://localhost:8180/unv-api/rubrique/search/rsql?query=niveau==1') .then(resp => { let results = resp.data._embedded.rubriques results.forEach(element => { axios.get('ht..

programing 2022.04.11

돌연변이의 페이로드 인수만 사용하여 Vuex 상태를 수정해도 되는가?

돌연변이의 페이로드 인수만 사용하여 Vuex 상태를 수정해도 되는가? 예를 들어 Vue 파일의 Vuex 데이터를 반복하고 업데이트가 필요한 데이터를 선택한 다음 발견된 데이터를 작업에 전달하여 해당 작업을 커밋하고 돌연변이가 업데이트만 할 수 있는가? 내가 그것에 대해 확신이 서지 않는 이유는 전형적인 형태의 Vuex 돌연변이가 '상태'에 대한 파라미터를 포함하고 있기 때문에, 나는 그것을 사용할 필요가 있다고 생각하는데, 그렇게 하는 유일한 방법은 돌연변이 내부의 모든 루프를 하는 것이거나, 혹은 변화가 필요한 정확한 분야를 더 빨리 찾기 위해 그것에 색인을 전달하는 것이다. 누가 물어봤는지 코드 예시: someVueFile.부에를 하다 computed: { ...mapState({ arrayOfObj..

programing 2022.04.11

Vuex의 비동기/대기 동작

Vuex의 비동기/대기 동작 Vuex에서 비동기/대기 동작을 어떻게 사용하는지 궁금하다.문서에서는 다음과 같은 구문을 예로 제시한다. actions: { async actionA ({ commit }) { commit('gotData', await getData()) }, async actionB ({ dispatch, commit }) { await dispatch('actionA') // wait for `actionA` to finish commit('gotOtherData', await getOtherData()) } } 이 예에 따라 다음 사항을 설명하십시오. import Vue from 'vue'; import Vuex from 'vuex'; import * as firebase from 'f..

programing 2022.04.11
반응형