prostudy

스토어 상태 업데이트 후 뷰가 업데이트되지 않는 이유는 무엇입니까?Vue js 몇 주 전에 vue j를 사용하여 앱을 구축하기 시작했습니다.내가 하고 싶은 것은 사용자가 로그인하는 앱을 만드는 것이다.백엔드에서 얻은 토큰을 로컬 스토리지에 저장하는 기능으로 실행했는데, 이 기능은 토큰이 아직 유효한지 여부를 확인합니다.문제 없습니다. 완벽하게 작동합니다.그리고 vuex를 사용하여 앱 내 어디에서나 사용자의 상태(로그인 여부)를 확인할 수 있도록 하고 싶었습니다.몇 시간 동안이나 꼼짝도 못하고 있어요. 상태가 바뀐 후에도 뷰가 업데이트되지 않는 것 같아요.정확한 정보를 보려면 페이지를 새로 고쳐야 합니다.인터넷에서 이 문제를 찾아봤는데, vue가 있다는 것을 알고 있습니다.세트로 되어 있습니다만, 오브젝트..

스토어에서 Vue 플러그인을 사용하는 방법 vuex 모듈 또는 플레인 js 모듈 내에서 플러그인을 사용하는 올바른/문서화된 방법이 있습니까?이벤트 버스를 이용하고 있습니다만, 이것이 올바른 방법인지 최선의 방법인지 잘 모르겠습니다.제발 도와주세요. 플러그인 1plugin.displays: const Plugin1 = { install(Vue, options) { Vue.mixin({ methods: { plugin1method(key, placeholderValues = []) { return key; }, }, }); }, }; export default Plugin1; App.vue의 경우: Vue.use(Plugin1, { messages: this.plugin1data }); 매장 내 / 플레인 ..

vuex - 권장되지 않는 경우에도 직접 상태를 변경할 수 있습니까? 이 문서에는 다음과 같이 기재되어 있습니다. 스토어 상태를 직접 변환할 수 없습니다.스토어 상태를 변경하는 유일한 방법은 돌연변이를 명시적으로 커밋하는 것입니다. 제 질문은 그게 좋은 관행인가요, 아니면 Vuex 주 내부가 그렇게 작동하는 건가요?즉, Vuex 상태는 Vue 데이터와 동일한 방식으로 반응합니까(JS 개체를 관찰 가능한 것으로 변환함) 아니면 다른 것입니까? 유사한 질문입니다. 돌연변이를 만드는 대신 동작의 상태를 직접 변경할 수 있습니까?이것이 나쁜 관행이고 규약을 따르는 것이 주는 추적성을 잃었다는 것을 알지만, 효과가 있을까요? 돌연변이를 일으키는 대신 동작의 상태를 직접 변경할 수 있습니까?이것이 나쁜 관행이고 규..

Vuex를 사용하여 양식 입력 데이터를 변경할 수 없음 vuex가 변환 핸들러 외부의 vuex 저장소 상태를 변환하지 않음 에러가 자주 나기 때문에 여기서 뭔가 찾아보려고 했는데, 아직 해결이 안 되더라고요. vuex를 사용하여 상태 저장 양식을 생성하려고 합니다. 요소 계산 완료 computed: { form: { get () { return this.$store.state.form }, set (value) { this.$store.commit('setForm', value) } } } 가게 state: { form: { dataEntrada: '' }, }, mutations: { setForm(state, payload){ state.form = payload } } actions: {}, get..

[Vue.js] Vuex에서의 네임스페이스 모듈의 getter, metations, actions의 네임 스페이스를 설정하려고 합니다.이 문서는 여기서 볼 수 있습니다만, 조금 애매한 것 같습니다. // types.js // define names of getters, actions and mutations as constants // and they are prefixed by the module name `todos` export const DONE_COUNT = 'todos/DONE_COUNT' export const FETCH_ALL = 'todos/FETCH_ALL' export const TOGGLE_DONE = 'todos/TOGGLE_DONE' // modules/todos.js impor..

모듈의 공유 상태 액션을 사용한 Vuex 4 + Vue 3 Vue 3 앱(TypeScript 없음)을 가지고 있으며 Vuex 4 스토어를 사용하고 있습니다. 스토어를 몇 가지 일반적인 테마를 나타내는 모듈로 나누었습니다.예를 들어 다음과 같습니다.user사용자 처리에 적합한 스토어, 게터, 액션 등을 포함하는 모듈.하지만 모든 모듈에 공통 기능이 몇 가지 있습니다.모듈을 심플하게 하고 솎아낼 수 있습니다. 예를 들어, 내가 일반적인 것을 가지고 있다고 가정해 봅시다.set()뮤테이터는 다음과 같습니다. const mutations = { set(state, payload) { state[payload.key] = payload.data; } } 이렇게 하면 payload를 가져와 payload 'key'..

Vuex의 데이터 프로펠러 상태/게터 통과 방법 vuex 아래의 Axios를 사용하여 데이터베이스에서 데이터를 검색했습니다. const state = { giveaways: null } const actions = { getGiveAways : ({commit}) =>{ axios({ url : '/prod/api/thresholds_settings', method: 'post', data : { }, config: 'JOSN' }) .then(response=>{ if(response.status == 200){ //console.log(response.data.total_giveaways); commit('SET_GIVEAWAYS', response.data.total_giveaways) } }) ...

Vuex에서 namesthed mapGetter의 이름을 변경하는 방법 인마이nuxt사용하려는 프로젝트mapGettersrename object 구문을 사용합니다(문서 참조).getters는 모듈 내에서 네임슬레이징됩니다.currentTournament. 다음은 믹스인 내에서 계산된 속성입니다. computed: { ...mapGetters('currentTournament', [{ tAllowedBaskets: 'allowedBaskets' }]), } 컴포넌트를 로그에 기록하면this, 대신tAllowedBaskets새 속성이 나타나는 속성[object Object]: undefined단, 'simple' 문자열 구문을 사용하는 경우: ...mapGetters('currentTournament', [..

Vuex의 다른 작업 내에서 작업을 디바운스할 수 없음 행동 안에 있는 모든 것을 밝히려고 하는데, 어떤 식으로든 삼켜버리면... 다음 (의사) 코드를 사용합니다. import { debounce } from "lodash"; const actions = { debounceSomeLogging ({ dispatch }, text) { console.log("Outside debounced function."); debounce(function() { console.log("Inside debounced function."); dispatch("doRealThing"); }, 1000); }, doRealThing({ commit }) { // Whatever } } 액션을 호출하면Outside debou..

Vue.js: 이벤트버스가 여러 번 호출됨 178,667원 - Undo.vue: `EventBus.$emit(`confirm-delete-${this.category}`, this.item.id);` 이벤트 이름(this.category)는 부모로부터 받은 소품을 기반으로 합니다.ConfirmDeleteModal.vue다음에, 다음과 같이 수신됩니다. CategoryA.vue created() { EventBus.$on('confirm-delete-category-a', (id) => { this.confirmDelete(id); }); 그리고. CategoryB.vue created() { EventBus.$on('confirm-delete-category-b', (id) => { this.confir..