prostudy

Vuex / Vue를 사용하여 비동기 데이터 검색을 처리하는 방법 나는 공통 스택이 있는 간단한 앱을 가지고 있다. 백엔드 서버(레일) 프런트엔드 앱(Vue) 데이터베이스(PG) Vue 앱은 다음과 같이 Vuex 저장소 라이브러리의 작업을 사용하여 백엔드에서 데이터를 가져온다. // store/store.js import Vue from 'vue'; import Vuex from 'vuex'; import * as MutationTypes from '@/store/mutation-types'; Vue.use(Vuex); export default new Vuex.Store({ state: { investment: {}, }, mutations: { [MutationTypes.SET_INVESTMENT_S..

Vuex Store 모듈에서 Vue.js 플러그인 사용 나는 Vuex Store 모듈의 내부에 Vue.js 플러그인을 사용하려고 한다. 구성 요소에서는 다음과 같이 부를 수 있다.this.$plugin()그러나, 모듈에서는this설정되지 않음.내 생각에는 말이지…Vue.$plugin()플러그 인을 초기화하면Vue.use(plugin)그리고 Vue는 세계적인 변수지만 그렇지 않다. 모듈의 플러그인을 참조하는 방법은?내가 찾은 가장 깨끗한 방법은 스토어/모듈에서 Vue를 가져온 다음 Vue 프로토타입을 통해 플러그인을 사용하는 것이다. import Vue from 'vue'; // .. in some logic Vue.prototype.$dialog.alert('Something went wrong'); 이..

vue CLI 프로젝트에 vuex를 설치하는 방법 나는 VUE CLI로 프로젝트 vue를 설치하고 생성한다.내 앱에 스토어를 추가하기 위해 VUEX를 추가하고 싶다.그러나 사용 시: npm install vuex --save-dev 오류가 있는 경우: 종속성을 확인할 수 없음:vuex@3.6.2 node_modules/vuex vuex@"*"의 peer vue@"^2.0.0"을 루트 프로젝트에서 확인할 수 없음 어떻게 하면 고칠 수 있을까?다른 방법으로 vue를 설치해야 하는가?명령줄에 문제가 있는 경우 사용자 인터페이스를 사용하여 vuex를 추가할 수도 있다.just typevue ui방금 열린 브라우저 창의 플러그인 탭 아래에 vuex를 설치하십시오(포트 8000에서).Vue Cli 프로젝트에서 Vu..

vue 구성 요소의 데이터를 편집할 때 입력 유형 날짜의 값을 표시하는 방법은? 다음과 같은 내 vue 구성 요소: ... Total Sold Created At 다음과 같은 폼 입력 구성 요소 vue: 첫 번째 구성 요소 vue에서는 폼 입력 구성 요소 vue를 호출할 겁니다.나는 부품을 그렇게 만든다.그래서 나중에 구성요소를 반복해서 사용할 수 있다. 구성 요소가 실행된 경우, 판매된 총량의 입력 텍스트가 데이터를 표시한다.결과는 46.그러나 에서 만든 입력 텍스트는 표시 데이터가 아니다.타입이 날짜라서 그런 것 같다. 어떻게 하면 이 문제를 해결할 수 있을까? 의 형태로 가치를 기대하다YYYY-MM-DD, MDN을 참조하십시오. 잘못된 형식의 값을 지정하려는 경우:2018-02-26 09:03:03..

Vuex [Quasar]에서 스토어에 액세스할 수 없음 나는 처음으로 Quasar를 시도하고 모듈로 Vuex를 사용하려고 하지만 $store 속성이나 ...mapState에는 접근할 수 없다.약속 로그북이 Vue Devtools에 존재한다는 것을 알 수 있는데도 '정의되지 않은 속성 '로그북'을 읽을 수 없음'이라는 오류가 표시된다.Devtools에서 인쇄 여기 내 가게\index.js 입니다. import Vue from 'vue'; import Vuex from 'vuex'; import logbook from './logbook'; Vue.use(Vuex); export default function (/* { ssrContext } */) { const Store = new Vuex.Store({..

vuex 모듈 appState가 첫 번째 인수로 전달된 모듈 네임스페이스에서 작동하지 않음 워드프로세서에서 제안한 대로 네임스페이스를 첫 번째 인수로 전달하려고 하면 값('모듈 정의에 테스트'가 설정됨)으로 "정의되지 않음"이 표시됨 ...mapState('guest', { email: state => state.email, }), 네임스페이스 없이 이런 식으로 하면 괜찮지만 첫 번째 인수는 ...mapState({ email: state => state.guest.email, }), 바로 가기를 사용하고 싶은데, 설명서에 따르면, 첫 번째 예는...그렇죠? https://vuex.vuejs.org/guide/modules.html#binding-helpers-with-namespace 내 모듈 정의는 ..

Vue/Vuex:배열 프록시 개체에 개체에서 발군의 공을 세우다. 이처럼 언급된, 반응성 Vuex 개체 프록시 개체로 반환됩니다.대부분의 경우에 이것은 아마도 문제가 되지 않지만 프록시 또는 배열 개체에서 나오는지 어떻게 확인합니까?그Proxy그 array/object 위의 투명한 계층, 그렇게 너를 결정하기 위해 필요가 없을 것이다.Proxy의 발신지. 마치 그 자체 변수 처리되어야 한다.Proxy빛나는 거기에 있지 않았다.만약 그것이 어느 것Proxy의Array,로 변수를 다루다Array, 이 클래스를 같은Object. 예를 다음 코드를 무리 없이 실행합니다. const arr = [1,2,3] const arrProxy = new Proxy(arr, {}) // value is identical t..

Vuex의 한 모듈에서 다른 모듈 상태 변경 나는 내 vuex 상점에 두 개의 모듈을 가지고 있다. var store = new Vuex.Store({ modules: { loading: loading posts: posts } }); 모듈에서loading, 나는 재산을 가지고 있다.saving어느 쪽이든 설정할 수 있는true또는false그리고 또한 변이함수라는 이름을 가지고 있다.TOGGLE_SAVING이 재산을 설정하기 위해서. 모듈에서posts게시물을 가져오기 전과 후에 속성을 변경하고 싶다.saving나는 전화해서 하고 있다.commit('TOGGLE_SAVING')의 행동 중 하나에서.posts모듈 var getPosts = function (context) { contex.commit(TOG..

Vuex: 구성 요소에서 직접 작업 건너뛰기 및 돌연변이 커밋 vue.js 앱에서 vuex를 상태 관리 저장소로 사용하는 경우 vuex에서 속성 값을 간단히 변경하면 된다.이를 위해 두 가지 방법을 따를 수 있다. 는 급파하다.action방법은 그 이상을 책임 진다.mutation결국 상태를 변화시킬 것이다. 두번째 메서드는을 저지르는 것이다.mutation바로 성분과 돌연변이 메서드에서 다음 상태를 변화시킬 것이다. 현재 나는 다음과 같은 첫 번째 방법을 사용하고 있다. 구성 요소: this.$store.dispatch('updateNotice', 'This is some notice') 액션에서: updateNotice ({state, getters, commit}, payload) { commit(..

다른 모듈 작업에서 vuex 모듈 상태 가져오기 나는 vuex 스토어 컴포넌트와 조금 헷갈린다. 다른 모듈의 상태를 어떻게 얻어야 하는가?나는 상점에서 데이터를 얻기 위해 다른 방법을 시도했고 항상 옵저버 오브젝트를 얻었다.관찰자에게 노크하는 올바른 방법은 무엇인가? 만약 내가 이 물건에서 직접 무언가를 얻으려고 한다면, 예를 들면,rootState.user.someVariable그때 나는 정의되지 않은 반응을 얻었다. 구성 요소에서 상태를 가져오는 데 문제가 없음 편집. 코드 추가 사용자 모듈 import * as Constants from './../../constants/constants' import * as types from '../mutation-types' import axios from ..