newsource

경로가 변경될 때마다 Vuex Getters 중복 키 FireBase에서 객체 배열을 가져와 V-for를 사용하여 문자 구성 요소를 목록 형식으로 표시합니다.홈페이지에 접속하여 캐릭터 페이지로 돌아갈 때마다 목록이 증가하여 중복된 키가 나타납니다. characters.vue: {{ allHero.name }} import database from "@/firebase/init"; computed: { ...mapGetters({ getAllHeros: "getAllHeros" }), }, created() { database .collection("heros") .get() .then(snapshot => { snapshot.forEach(doc => { let heros = doc.data(); her..

Vuex 모듈이 작동하지 않는 이유는 무엇입니까?[vuex] 알 수 없는 변환 유형: moduleName/mutation 몇 시간 동안 검색했는데 왜 이런 오류가 발생하는지 이해할 수 없습니다: [vuex] guildleStore/getStoreApple은 guildleStore-module의 모든 돌연변이에 대한 커밋입니다.내가 보기엔 규칙대로 하고 있어.guildle Store 모듈로 기능을 수행하려고 할 때 제가 무엇을 잘못하고 있는지 알고 있다면 도와주세요. 이것은 my index.js: src/store/index.js에 있습니다. import Vue from "vue"; import Vuex from "vuex"; import * as groceryStore from "./modules/gro..

조건부로 Select Input 값 변경 방지 다음 vue 컴포넌트가 있습니다. 선택한 입력 값은 다음과 같이 Vuex 저장소에 바인딩됩니다. computed: { curDocType: { get () { return this.$store.state.curDocType }, set (value) { this.$store.commit('setcurDocType', value) } } } 내가 이해할 수 없는 것은 선택값의 변경을 조건부로 방지하는 방법이다.저도 해봤어요. computed: { curDocType: { get () { return this.$store.state.curDocType }, set (value) { if (this.$store.state.curOrder == ""){ this.$..

SSR에서 Vuex와 함께 vue-instantsearch를 사용하는 방법 Vue SSR 앱의 Vuex 스토어와 vue-instantsearch를 통합하는 데 어려움을 겪고 있습니다. https://github.com/algolia/vue-instantsearch-examples/tree/master/examples/ssr을 팔로우하려고 했지만 이 예에서는 다음 명령어만 사용하고 있습니다.context.storeVuex 스토어에서 사용할 수 있도록 개조하려고 합니다. 통합은 다음과 같습니다. 제거한다면ais-index그냥 출력해 주세요.{{ searchStore }}반환된 데이터는 볼 수 있지만 마운트하려고 하면ais-index컴포넌트가 실패하고 다음 오류가 발생합니다. [Vue warn]: Error ..

vue.js의 로그아웃 버튼으로 main.js의 인스턴스에 액세스합니다. 저는 키 잠금 기능을 사용하여 다음과 같이 vue.http://https://www.keycloak.org/securing-apps/vue), 를 인증합니다.main.js: import { store } from "./store/store"; let keycloak = Keycloak(initOptions); keycloak.init({ onLoad: initOptions.onLoad }).then((auth) => { if (!auth) { window.location.reload(); } else { console.log("Authenticated"); new Vue({ vuetify, router, store, render: ..

vuex 및 Vue-native-websocket 플러그인에서 WebSockets 데이터 수신 저는 현재 Vue와 Vuex를 포함하는 Quasar V1 프레임워크를 사용하고 있습니다.오늘 이 플러그인을 보았습니다.https://www.npmjs.com/package/vue-native-websocket/v/2.0.6 이 플러그인의 셋업 방법과 동작 방법을 잘 모르겠습니다.Vue에서 WebSockets를 사용하는 것은 처음이기 때문에 올바르게 동작하고 있는지 확인하기 위해서는 약간의 도움이 필요합니다. 처음에 npm 경유로 vue-native-websocket을 설치하고 src\boot\websocket.js라는 부트 파일을 만들었습니다. 다음 명령어를 사용하여 설정합니다. npm install vue-n..

VueX에서 계산된 속성을 감시하는 Vue 워처를 테스트하려면 어떻게 해야 합니까? 다음과 같은 컴포넌트가 있다고 가정합니다. import { mapState } from 'vuex'; import externalDependency from '...'; export default { name: 'Foo', computed: { ...mapState(['bar']) }, watch: { bar () { externalDependency.doThing(this.bar); } } } 테스트를 할 때 다음 사항을 확인하고 싶다.externalDependency.doThing()와 함께 호출됩니다.bar(vuex 상태로부터) 다음과 같이 됩니다. it('should call externalDependency.do..

상태가 렌더링되기 전에 Vue.js/vuex getters 오류가 발생했습니다. 웹 팩 vue 템플릿 및 vuex 사용.내 가게에 돌연변이가 있어 const mutations = { addWeekDataList(state, a) { state.weekDataList = a; },} 컴포넌트 내의 Ajax 요구 내에서 커밋되고 있습니다. axios.get('URL').then(function (response) { let weekDataList = _.values(response); that.$store.commit('addWeekDataList', weekDataList);}); 그리고 내 가게에 게터가 있다. const getters = { getWeekRunData: state => { return ..

vuex 디스패치 응답 처리 방법 정답이 눈앞에 있을 것 같은데도 백기를 들고 조언을 구한다. API(AWS)에 제출하고 결과에 따라 행동하는 로그인 폼이 있습니다.내가 안고 있는 문제는 한때handleSubmit메서드가 호출됩니다.즉각으로 액세스 합니다.console.log스테이트먼트...놀랄 것도 없이 돌아온다.dispatch result: undefined 이것이 vue.js의 직접적인 함수가 아니라 javascript set을 어떻게 실행하고 있는지 알고 있습니다. 로그인 컴포넌트는 다음과 같습니다. // SignInForm.vue handleSubmit() { try { const {username, password} = this.form; this.$store.dispatch('user/aut..

Nuxt Apollo 로컬 상태를 사용하여 Vuex를 완전히 대체할 수 있습니까? Vue Apollo의 Nuxt 모듈을 통해 연결된 GraphQL API로 Nuxt 앱을 구축하고 있습니다. 현재 Vuex를 사용하여 앱 전체의 데이터를 저장하고 있습니다.이 경우 Vuex는alert.그alertVuex에 저장된 개체는 경고 유형, 메시지 및 활성 여부를 알려줍니다. 그런데 GraphQL을 앱에 도입했기 때문에 Vuex가 아닌 Vue Apollo를 통해 상태 데이터를 저장할 수 있는지 궁금했습니다.내가 이걸 문서에서 읽었는데...Vuex와 Apollo를 혼합하는 것보다 더 나은 솔루션이 될까요? 아니면 애플리케이션 전체 상태를 Vuex로 처리하고 API 상태를 Apollo로 처리하도록 상태를 분리하는 것이 더..