반응형

vuex 285

Vuex 4, 구성 요소의 상태가 비어 있음

Vuex 4, 구성 요소의 상태가 비어 있음 나는 이것을 이용하여 피실험자 상점 상태에 접근하려고 한다.$store.state.내 집 구성 요소 안에 있는 주제들은 빈 배열로 나온다.console.log를 사용하여 상태를 볼 수 있는 유일한 위치.대상자가 돌연변이 함수에 있는 경우다른 곳에서는 console.log가 비어 있음.내가 보기에는 국가가 돌연변이를 계속하는 것은 아닌 것 같은데, 그 이유는 잘 모르겠다. 나는 꽤 많은 스택 오버플로우 답변을 시도했지만, 그들 중 어떤 것도 문제를 해결하지 못하거나 내가 게시물에서 무엇을 읽고 있는지 전혀 알지 못한다.나는 또한 수입이나 템플릿과 같이 이 게시물을 더 읽기 쉽게 만들기 위해 코드 블록에서 코드를 남겨두었다. store index.js export..

programing 2022.05.08

Vuejs + Vuex Get 확인란 상태(체크됨)

Vuejs + Vuex Get 확인란 상태(체크됨) 나는 상점에서 체크박스 상태를 받고 싶다.확인란 목록과 "active checkbox" 목록(inArray(checkList.value, activeFilters))을 비교했는데, 여기서 값을 가져올 수 없어.$store.getters.updateFilters.코드: {{ checkList.name }} 나는 이것을 다음과 같이 부호화할 것이다. 추가 a:checked현재 선택한 필터를 현재 드롭다운에 적용하는 바인딩activeFilters브룩스 주 전류 사용activeFilter확인란 변경 시 Vuex 저장소의 상태를 전환하기 위한 값 - 이벤트에서 현재 확인란 상태를 확인할 필요가 없음비동기 프로세스가 없기 때문에 구성 요소에서 스토어를 변경하는 D..

programing 2022.05.08

이 비즈니스 논리는 Vuex에 얼마나 속하는가?

이 비즈니스 논리는 Vuex에 얼마나 속하는가? 나는 API에서 제품을 꺼내서 페이지에 표시하는 간단한 앱을 가지고 있다. 라우터가 사용자를 특정 제품 페이지로 이동시킬 때 제품 검색 어레이뿐만 아니라 검색 결과도 사라지지 않도록 앱에 Vuex를 추가했다. 검색 자체는 다음 단계로 구성된다. 로드 스피너 표시(업데이트)store목적어) API에 액세스하기 위한 작업을 발송하다. 최신 정보를 제공하다store제품을 가지고 이의를 제기하다, 스피너 상품 리스트가 소진되었는지 여부를 결정하다 로드 스피너 숨기기 무슨 말인지 알겠지. 모든 변수가 Vuex에 저장되어 있기 때문에 모든 비즈니스 논리도 Vuex에 속해야 하는 것은 당연하지만, 실제로 그렇게 해야 하는가? 나는 특별히 다음과 같은 상점 파라메터에 접..

programing 2022.05.07

Vuex 클래스: Vue 구성 요소 외부의 Vuex 액세스

Vuex 클래스: Vue 구성 요소 외부의 Vuex 액세스 Vuex 클래스를 사용하는 Vue 구성 요소 외부에서 Vuex에 액세스하려면 어떻게 해야 하는가? 정상적인 상황에서는 매우 간단하다. // some JS file import store from './../store'; // path to Vuex store store.commit('ux/mutationName', somePayload) 하지만 나는 Vuex 클래스를 사용하고 있고 Vuex 모듈을 가지고 있다. import { Module } from 'vuex'; import { RootState } from '@/types/vuex/types'; import { MutationTree } from 'vuex'; import { GetterTr..

programing 2022.05.07

Vuex 스토어 값을 입력하지 않고 업데이트

Vuex 스토어 값을 입력하지 않고 업데이트 나는 vue-cli와 vuex와 함께 프로젝트를 하면서 노트를 시작했다.나는 모든 것을 올바르게 설정했고, vuex 스토어에 새 노트를 추가할 때 외에 모든 것이 잘 작동하는데, 그것은 괜찮지만 입력 필드의 값을 변경하면 vuex 스토어 값 또한 아무 약속 없이 업데이트된다. 여기에 암호가 있다 - {{title}} ADD 노트를 추가한 후 입력값을 변경하면 vuex 스토어와 목록을 표시하는 다른 구성 요소에서도 업데이트된다. 내가 시도한 것은 이것이다 - note.msg를 v-model로 만드는 대신에 msg로 변경했고 데이터 개체와 계산된 속성이 그에 따라 업데이트되었고 내 문제를 해결했다. {{title}} ADD 엄밀히 말하면 난 아무 문제가 없어, 단..

programing 2022.05.07

Vue - 구성 요소 간 전환

Vue - 구성 요소 간 전환 개인 정보, 주문 세부 정보, 결제 등 3단계의 주문 양식을 가지고 있다고 상상해 보십시오. 이전 구성 요소 내에서 다음 구성 요소를 전환하려는 경우('step' 값을 조정하려고 함) 그래서, 내 견해로는, 내가 '단계'의 가치를 구성요소1에 넘겨서 다음과 같은 일을 하는 것이 가능할까? Submit 클릭한 다음 기본 보기에서 단계 값을 업데이트하고(세 가지 구성 요소로) 내 첫 번째 완료된 구성 요소를 숨기고 두 번째 구성 요소를 표시하십시오. 통찰력이 있어서 고마워!동적 구성요소를 사용하지 않는 이유 당신의 부모 구성 요소에서 당신의 스텝을 바꾸는 이벤트를 듣고, 나는 여기에 이름을 붙였다.nextStep. 이 이벤트는 메소드를 트리거한다.changeStep구성 요소 이..

programing 2022.05.05

Vuex 스토어에 액세스할 수 없음

Vuex 스토어에 액세스할 수 없음 나는 vuex 상점을 만들었다. export const general = { namespaced: true, state: { menuEnabled: true, headerEnabled: true }, getters: { menuState: state => state.menuEnabled, headerState: state => state.headerEnabled }, actions: { setMenuVisibility({commit}, visibility) { commit('setMenuVisibility', visibility); }, setHeaderVisibility({commit}, visibility) { commit('setHeaderVisibility', ..

programing 2022.05.05

Vuex 작업을 여러 파일로 분할

Vuex 작업을 여러 파일로 분할 이미 모듈을 사용하여 Vuex 저장소를 별도의 파일로 분해하고 있는데 저장소의 작업을 여러 파일로 다시 분리할 수 있는지 궁금하십니까? 어떤 문맥 - 나는ProductsVue 기반 Electronic 애플리케이션에 저장.이를 통해 나는 로컬 db에서 제품을 로드하고 로컬 db에 없는 경우 제품을 다운로드하고 로컬 db에서 제품을 업데이트하는 다양한 방법을 가지고 있다.짐작하시겠지만, 이 가게 파일 안의 저의 행동은 점점 더 커지고 있답니다. 그래서 지금까지 2개의 파일로 나눠봤는데initial그리고update, 그런 다음 가져오기 및 병합됨. inital.js: export default { // My methods } update.js: export default { ..

programing 2022.05.05

사용모멘트VueJS 3의 JS 전역

사용모멘트VueJS 3의 JS 전역 VueJS 2에서, 나는 순간을 즐길 수 있었다.JS 글로벌: 에main.js: import moment from 'moment'; moment.locale('fr'); Object.defineProperty(Vue.prototype, '$moment', { value: moment }); 모든 구성 요소: {{ item.date_creation?$moment(item.date_creation).format('l'):'No date'}} VueJS 3에서 main.js로 다음과 같이 하려고 했다. import { createApp } from 'vue'; import moment from 'moment'; import App from './App.vue'; import..

programing 2022.05.05

Vuex createPersistedState 부분 지속이 작동하지 않음

Vuex createPersistedState 부분 지속이 작동하지 않음 지속적 국가 문서(https://www.npmjs.com/package/vuex-persistedstate),에 따라 다음과 같이 부분적으로 상태를 유지하려고 한다. export default new Vuex.Store({ state: { user: {}, signupLayout: false, adminLayout: false, sidebarOpen: false, homeLayout: false, /* New - 6/01/2021 */ cloudinary: { cloud_name: "*****", base_upload_preset: "*****", channel_header_upload_preset: "*****", profile_..

programing 2022.05.05
반응형