반응형

vuex 87

비동기 Vuex 액션을 2회 실행할 경우 콜 대기 후 코드를 랜덤 순서로 실행할 수 있습니까?

비동기 Vuex 액션을 2회 실행할 경우 콜 대기 후 코드를 랜덤 순서로 실행할 수 있습니까? const actions = { search: debounce( async ({ commit, dispatch, getters, rootGetters }, { page = 1 }) => { commit("setLoading", true); commit("setPage", page); console.log("Starting...") const randId = Math.random() * 100; console.log(randId); const results = await EventApi.get(); console.log("Done: ", randId, `|${results.meta.slept}|`) // Afte..

sourcecode 2022.08.01

유닛 테스트 VueJS 구성 요소에서 Vuex 오류 발생

유닛 테스트 VueJS 구성 요소에서 Vuex 오류 발생 오류: 정의되지 않은 'vm'을(를) 평가하는 생성자가 아닙니다.$el.query Selector('h3')' 여기서 내 코드와 전체 코드를 따릅니다. // main.js import Vue from 'vue' import App from './App' import router from './router' import store from './store' import 'babel-polyfill' require('es6-promise').polyfill() Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app', router, store, template: ..

sourcecode 2022.07.31

한 Vuejs 구성 요소에서 다른 구성 요소로 OAuth 토큰 전달

한 Vuejs 구성 요소에서 다른 구성 요소로 OAuth 토큰 전달 OAuth 토큰은 OAuth 로그인에 성공한 후에 취득됩니다.SuccessOAuth.vue요소.토큰의 자세한 내용은 다음과 같습니다. checkforTokens(){ const queryString = this.$route.query; console.log(queryString); const token = this.$route.query.accessToken console.log(token); const secret = this.$route.query.tokenSecret console.log(secret); this.tokens.token = token; this.tokens.secret = secret; } }, beforeMount..

sourcecode 2022.07.31

변수가 어레이인 경우 vuex에서 상태를 변경하는 방법

변수가 어레이인 경우 vuex에서 상태를 변경하는 방법 저는 Vue를 막 배우기 시작했는데 스스로 답을 찾을 수가 없었어요. 데이터베이스에서 동적으로 로드되는 데이터를 포함하는 어레이가 여러 개 있습니다.내부 개체에는 로드 상태를 식별하는 isLoaded 속성이 있습니다. 문제는요. 개체 전체를 변환에 전달하지 않고 isLoaded 값을 변경하려면 어떻게 해야 합니까? 예를 들어 인덱스와 배열 이름만 전달합니다. 지금은 이렇게 하고 있어요. export default new Vuex.Store({ state: { books: [ { id: 1, title: 'Random', img: '', href: '/', isLoaded: false } ], games: [ { id: 1, title: 'Random..

sourcecode 2022.07.30

nuxtserverinit 및 사용자 로그인

nuxtserverinit 및 사용자 로그인 nuxt 앱을 만들고 있는데 api에서 데이터를 가져와야 합니다.데이터는 로그인한 사용자에게만 제공되어야 합니다.vuex store index.js에 다음 코드를 입력했습니다. async nuxtServerInit({ commit }) { if (this.$auth.loggedIn) { await Promise.all([ (async () => { const response = await this.$axios.get('api/all/users') commit('setUsers', response.data) })(), (async () => { const response = await this.$axios.get('api/all/teams') commit('se..

sourcecode 2022.07.30

Vuex: 개체를 커밋한 후 ID로 검색

Vuex: 개체를 커밋한 후 ID로 검색 이 방법을 사용하여 Vuex 상태로 커밋하려고 합니다. getVariableLookup: ({ commit, _state }, payload) => { http.get(`/frame_variables/${payload}`) .then(response => { commit('addVariableLookup', response.data.frame_variable.body) }) } 이것은 잘 작동하지만, 저는 이 파일을 저장하려고 합니다.payload반응과 함께.그런 물건으로는 할 수 없을 것 같아요. commit('addVariableLookup', { id: payload, body: response.data.frame_variable.body }) 이 메서드는 ..

sourcecode 2022.07.30

Nuxt 구성 요소를 사용하여 vuex getter 메서드에 매개 변수를 전달하는 방법은 무엇입니까?(3개의 도트 표기법을 유지하면서)

Nuxt 구성 요소를 사용하여 vuex getter 메서드에 매개 변수를 전달하는 방법은 무엇입니까?(3개의 도트 표기법을 유지하면서) 목표: vuex 상태 객체(MATCH_DATA)에서 프로펠러 값(topicId)에 대한 변경 사항을 확인합니다.그래서 워처를 MATCH_DATA [ topicId ]로 설정하고 싶습니다.그리고 MATCH_DATA[topicId]가 갱신될 때마다 함수를 호출하고 싶습니다(이러한 경우 로깅만 합니다). 단, MATCH_DATA는 getter이기 때문에 파라미터를 전달하려면 어떻게 해야 합니까?vuex getter는 파라미터를 받아들이도록 설계되지 않은 것 같습니다.나는 이것을 명시적으로 부르는 몇 가지 예를 보았다.$store.state.etc. 등입니다만, 현재 가지고 있..

sourcecode 2022.07.28

Nuxt.js가 RouteMiddleware에서 Vuex를 사용할 수 없음

Nuxt.js가 RouteMiddleware에서 Vuex를 사용할 수 없음 현재 Nuxt.js와 Firebase-admin을 사용하여 프로젝트를 만들고 있습니다.Route Middleware의 Vuex 사용자 정보를 참조하여 라우팅하고 싶은데 Route Middleware에서 Vuex에 액세스할 수 없습니다. store/index.js코드는 다음과 같습니다. export const state = () => ({ user: {}, }); export const getters = { getUser: state => state.user, }; export const mutations = { setUser(state, payload) { state.user = payload; }, }; export const ..

sourcecode 2022.07.28

Vuex, 작업 상태 변경

Vuex, 작업 상태 변경 Vuex를 배우면서 가능한 한 "좋은 관행"을 코드화하려고 합니다. 제가 배운 바로는 액션은 외부 API 호출 등에 사용되며 그 결과는 commit()를 통해 Mutation으로 전달됩니다. 이제 Firebase의 특정 사용자에 대한 카운터를 증가시킵니다.이렇게 내 동작을 코드화하면 작동한다. ADD_CREDIT(context, user) { user.credits++; firebase.database().ref('users').child(user.id) .update({credits: user.credits}) .then(() => {}); } 그래서 API 콜을 호출하기 전에 이미 상태를 업데이트하고 있습니다.이게 좋은 방법인가요?다음 코드를 사용하여 다른 방법으로 시도했지..

sourcecode 2022.07.28

상태가 처음 변경된 후 계산된 값이 반응을 멈춥니다.

상태가 처음 변경된 후 계산된 값이 반응을 멈춥니다. 내 컴포넌트에는showTrigger계산된 속성 및saveDataToStore갱신하는 메서드를 지정합니다. computed: { showTrigger() { if (typeof store.getters["applicationBuilder/getTriggerById"](this.id) === "undefined") { return false; } return store.getters["applicationBuilder/getTriggerById"](this.id).show; } }, methods: { saveDataToStore(info) { const trigger = { id: this.id, type: this.selected.type, info:..

sourcecode 2022.07.28
반응형