goodsource

Vuex ReferenceError가 정의되지 않았습니다.값을 올바르게 설정하려면 어떻게 해야 합니까? Vuex에 signUp() 함수가 있는 작업이 있습니다. signupError 값을 설정하려면 어떻게 해야 합니까? 제가 시도한 것은 다음과 같습니다.commit(signupError, null)그리고.$state.commit(signupError, null) 그러나 "ReferenceError: signupError is not defined"라는 오류가 나타난다. 다음 예에서 signupError를 설정하려면 어떻게 해야 합니까? store.displaces를 설정합니다. import Vuex from "vuex"; import Vue from "vue"; import { Auth } from "a..

vuex 작업에 route.params.id 전달 특정 범주를 클릭할 때 {cat_id} 대신 해당 ID를 가져와서 vuex의 요청이 있는 링크에 삽입하는 방법을 알려주십시오. {{ category.title }} export const actions = { GET_PRODUCTS({commit}) { return axios('https://example.com/api/get-items.php?cat={cat_id}&token=0e94e098eac6e56a22496613b32',{ method: "GET" }) .then((products) => { commit('SET_PRODUCTS', products.data); return products; }) .catch((error) => { console...

데이터 Firestore 생성 후 값 반환 방법 아래와 같은 firestore를 사용하여 데이터를 생성하려고 합니다. createData({state}) { return db.collection('items').add({ title: state.title, ingredients: state.ingredients, createdAt: new Date() }) .then( ref => { console.log(ref.id) }); } 방금 만든 아이템의 값을 반환하려면 어떻게 해야 합니까?결과 ref.id(ID 문서만 해당)문제를 해결하기 위해 onSnapshot 방법을 사용합니다. ref.onSnapshot(doc => { console.log(doc.data()) }); 언급URL : https://st..

vuex 저장소의 상태를 모든 하위 구성 요소로 공유하는 방법 하위 구성 요소 목록을 사용하여 사용자 정의 양식 구성 요소를 만들고 있습니다.따라서 부모 컴포넌트에 자녀 컴포넌트 간에 공유할 상태(데이터)를 유지하는 vuex 스토어를 추가했습니다.모든 컴포넌트는 1페이지 컴포넌트입니다. // CustomFormComponent.vue (parent component) // Do a for loop on mySchema in store and dynamically detect the // custom component based on individual node item in mySchema[] forEach Node in $store.mySchema[] render a custom component //..

vuex getter에서 메서드 사용 Vuex getter에서 .find() 메서드를 실행하려고 합니다.그러나 이렇게 하면 다음과 같은 오류가 발생합니다. Uncaught TypeError: ur.find is not a function 문서 내용을 확인해보니 vuex Getter가 제공하는 user-object에서 .find()나 .forEach() 등의 메서드를 실행할 수 없는 이유를 이해할 수 없습니다.제가 뭘 잘못하고 있는 건가요, 아니면 이런 유형의 생각이 범위를 벗어난 건가요? 이것은 제 믹스인의 예시입니다.auth.js export const auth = { methods: { y(r){ const ur = this.$store.getters.getUserRoles; console.log(u..

Vue 컴포넌트 테스트 - 모의 상태 및 방법 Vue 컴포넌트를 테스트하는 유닛을 이해하려고 했지만, API 비동기라고 하는 스토어 오브젝트나 메서드를 Mock/Stubout 하는 방법을 잘 이해할 수 없는 것 같습니다. 다음은 Vue 컴포넌트의 예입니다. import { mapState, mapGetters } from 'vuex' import router from 'components/admin/router' export default { name: 'Users', computed: { ...mapState('admin', [ 'users', ]), ...mapGetters({ requestInProgress: 'requestInProgress', }), }, data: function() { ret..

사용자 지정 Axios 인스턴스를 가져올 때 Vuex 모듈이 작동하지 않음 Vuex 모듈에서 액션을 선언했습니다. storeBudgets(store: ActionContext) { return axiosAuth.get('/budget') .then((res) => { store.commit('setBudgets', res.data.budgets); }); } 여기서 axios는Auth는 Axios의 커스텀인스턴스입니다 import axios from 'axios'; import store from './store/index'; const axiosAuth = axios.create({ baseURL: 'http://localhost:3000', }); axiosAuth.interceptors.reques..

Vuex 스토리지의 데이터가 vue 구성 요소에 표시되지 않음 Vuex 스토리지에는 ID별로 개체를 반환하는 getter가 있습니다.하지만 저는 게터의 데이터를 사용할 수 없습니다. computed를 사용하는 경우: 컴포넌트가 렌더링된 후 getter에서 데이터가 전송되며 DOM은 비어 있습니다(vue devtools에서 컴포넌트를 클릭하지 않을 때까지).클릭하면 계산된 실행이 다시 생성되고 요소가 다시 그려지며 data()의 데이터로 다시 작성됩니다. data() 오브젝트 정의 중에 getter를 직접 호출하면{{ cardData.content }}DOM은 금방 알 수 없습니다.this.cardData.title오류를 반환하다Cannot read property 'title' of undefined.왜..

Vuex 비활성 mapGetters(인수가 전달됨) 스토어에 다음과 같은 인수를 전달하는 getter가 많이 있습니다. this.$store.getters['getSomeThing'](this.id) 그리고 최적의 사용법을 찾을 수 없습니다.mapGetters인수의 전달을 통해 반응성을 유지할 수 있습니다.제가 찾은 제안 중 하나는 getter를 매핑하고 인수를 mounted로 전달하는 것입니다. computed: { ...mapGetters([ 'getSomeThing' ]) }, mounted () { this.getSomeThing(this.id) } 마운트된 상태에서 상태 변경만 확인할 수 있기 때문에 실제로는 최적이 아닌 것으로 보입니다.논쟁을 게터에게 전달하면서 반응성을 가장 잘 유지하는 방법..

vuex-module-decorator와 @nuxtjs/auth를 함께 사용할 때 오류 발생 nuxtjs를 typescript와 함께 사용하고 vuex-module-decorator를 사용하지만 추가 시 오류가 발생합니다.@nuxtjs/auth할 수 있습니다. Uncaughed(약속되지 않음) 오류: ERR_STORE_NOT_PROVIDED: getModule()을 사용하려면 모듈을 데코레이터(@Module({store:store})에 저장하거나 getModule()을 호출할 때 저장해야 합니다.$store) 이 오류는 Action을 호출할 때 발생합니다. 언제@nuxtjs/auth모듈에서는 괜찮습니다. 스토어/index.ts import { Store } from "vuex"; import { init..