factcode

Vuex 상태가 잘못된 값을 반환함 상점에서 예상치 못한 값을 받는 문제가 있습니다. 다음 한 가지 방법을 사용하는 구성 요소가 있습니다. methods: { setProduct(product) { this.$store.commit('basket/empty'); console.log(this.$store.state.basket.items); this.$store.commit("basket/addToBasket", { id: product.id }); }, }, 단순히 바구니를 비우고 새로운 제품을 추가함으로써 한 번에 하나의 제품이 바구니 안에 존재할 수 있습니다. 문제는 콘솔 로그가 제품을 반환하고 있다는 것입니다. 빈 배열이 아니라삭제하면 this.$store.commit("basket/addToBa..

Vue vs 상태에서 글로벌 변수 생성 Vue에서 글로벌 변수를 생성하는 가장 좋은 방법은 무엇입니까?Vuex를 사용하기 위한 건가요? 다음과 같이 Vuex 상태에 액세스할 수 있습니다. {{ store.$state.myvar }} 이거 좀 지저분한데?저는 다음 일을 하고 싶습니다. {{ myvar }} 이게 가능합니까?컴포넌트에 계산 속성을 추가합니다. computed: { myVar: { get() { return this.$store.state.myVar; }, set(value) { this.$store.commit('updateMyVar', value); } }, } 이를 통해 컴포넌트의 다른 속성처럼 사용할 수 있습니다.네가 원하는 건 뭐든지 할 수 있어.당신은 "모든 것을 위한 장소가 있고 ..

Vue Dev Tools(vue2/vuex3)에서 Vuex 스토어가 검색되지 않음 매우 구체적인 이유로 vue dev 툴을 실제 가동 환경에서 true로 설정했습니다. Vue.config.devtools = true 다음 버전을 사용하고 있습니다. "vue": "^2.5.2" "vuex": "^3.0.1" "vuetify": "^1.0.0" 컴포넌트와 이벤트를 볼 수 있는데 Vuex 스토어가 인식되지 않습니다. vuex 버전을 2.3.1 및 2.4.x로 다운그레이드하려고 했지만 도움이 되지 않았습니다.다음은 제가 참조한 링크입니다.https://github.com/vuejs/vue-devtools/issues/405 주의 - 스토어는 정상적으로 동작합니다.단, Vue dev 툴에서 표시할 수 없습니다. ..

VueX 스토어가 작동하지 않음 최근에 리덕스에서 VueX로 전환했는데 초기 상태를 업데이트할 수 없는 것 같습니다.상태를 초기화하는 데이터를 반환하는 메인 App 컴포넌트의 created() 훅 백엔드에서 API를 호출합니다.네트워크 요구와 데이터를 함께 볼 수 있기 때문에 액션이 호출되고 있는 것은 알 수 있지만, 변환이 호출되지 않거나 내 변환이 제대로 작동하지 않는 것 같습니다.브라우저에서 디버깅을 시도했지만 중단점을 추가할 때 Chrome에서 데이터를 볼 수 없습니다.Vue devtools 확장이 설치되어 있지만 기본 상태 이외에는 볼 수 없습니다. 모듈을 사용하고 있으며 호출하는 액션은 최상위 레벨/루트 레벨 모듈에 연결되어 있다는 점에 유의하십시오.관련된 파일은 다음과 같습니다. 본점 /* ..

Vuex에 Fabric.js 캔버스 참조 저장 - [vuex] 변환 핸들러 외부에 있는 vuex 스토어 상태를 변환하지 않음 Fabric.js를 사용하여 캔버스를 관리하는 Vue 애플리케이션을 만들고 있습니다. Vuex를 사용하여 캔버스 상태를 관리하려고 합니다.이를 위해 패브릭 캔버스 인스턴스를 vuex 상태 변수로 설정합니다. 돌연변이 setCanvas(state, canv) { state.canvas = canv } 인 Vue 컴포넌트 const canvas = new fabric.Canvas('main-canvas') this.setCanvas(canvas) //commit the mutation 다른 변환에서는 캔버스에 개체를 추가해야 합니다. addLayer(state, layer) { sta..

Nuxt.js에서 json 데이터를 스토어에 로드하려면 어떻게 해야 합니까? 서버 없이 json 파일을 가져오려고 합니다. NUXT 미들웨어에는 Vuex 스토어가 정의되어 있지 않습니다.이 링크를 참조해 미들웨어라고 부릅니다. json 파일 로드에 실패하여 오류가 발생하지 않았습니다.뭐가 문제인지 전혀 모르겠어요. nuxt.config.config.syslog modules: ["@nuxtjs/axios"], axios: { baseURL: process.env.BASE_URL }, 미들웨어/데이터.클라이언트 import axios from "axios"; export default function({ params, store }) { return axios.get(require("~/data/chara..

CRUD가 vuejs vuex의 외부 구성 요소에서 개체를 추가함 저는 이 숍카드를 만들고 있으며 Vuejs와 Vuex를 사용한 프런트 엔드 프로세스에 주력하고 있습니다.하나는 이용 가능한 모든 제품을 제공하는 2개의 Json Objects를 받았고, 다른 하나는 제품을 구입하는 사용자로서 제품을 추가할 수 있는 경우입니다.그 후, 모든 제품을 취득하는 컴포넌트에 이 제품을 폐기할 수 있습니다. HTML some code..... @click="addPurch(link)" SCRiPT methods: { ...mapActions(["fetchAllProducts", "addPurchase", "fetchUserIdProducts"]), addPurch(link) { this.$store.dispatch(..

[Vue warn] :렌더 오류: "TypeError: 정의되지 않은 속성 'getters'를 읽을 수 없습니다." 이것은 내 앱입니다.js 항목을 올바르게 정의했습니까?내 일을 제대로 한 것 같아!vuex 문서에 따라 import store from "./store"; require('./bootstrap'); window.Vue = require('vue').default; import vuetify from "./vuetify"; import router from "./router"; import AppComponent from "./components/AppComponent"; import Store from "./store" const app = new Vue({ el: '#app', vueti..

vue.filename: 액션에서 컴포넌트 데이터에 액세스하는 방법 웹팩, vue, vuex, vue-loader 등을 사용하고 있습니다.내가 이걸 다 제대로 설정했는지 모르겠어. // login component .vue Login 그리고 내 행동: // vuex/actions.js import Vue from 'vue' import VueResource from 'vue-resource' Vue.use(VueResource) export const login = ({dispatch}, email, password) => { dispatch('LOGIN_REQUEST') Vue.http.post('/login', {email, password}).then((response) => { dispatch('..

Vuex 모듈에서 mapGetters를 사용하는 방법 에 모듈을 추가했습니다.store/index.js import NavMessage from './nav/message/index'; new Vuex.Store({ modules: { NavMessage, }, }); my message/index.displaces import state from './state'; import getters from './getters'; import mutations from './mutations'; export default { state, getters, mutations, }; 여기 게터들이 있다 const getters = () => ({ getCount: state => { return state.coun..