c10106

다른 Vuex 모듈에 타입스크립트로 접근하는 방법? 타입스크립트로 Vuex 스토어를 작성하려고 하는데 (사용하지 않음)vuex-module-decorators, 단순한 Vuex + 단순함을 유지하기 위한 형식).루트 저장소에 상태가 없고 모듈만 있는 경우: export interface RootState { } export const store: StoreOptions = { strict: (process.env.NODE_ENV !== 'production'), state: {}, mutations: {}, modules: { moduleA, moduleB } } 모듈 A에는 다음과 같은 상태가 있다. export interface ModAState { aValue: string } const modAS..

Vuex 저장소의 슬라이더 설정 값 확인 vuex 저장소의 기존 값을 vuetify 슬라이더로 설정하려고 한다.그러나 그것은 항상 0에 위치한다. 이게 내 슬라이더야 / 내 코드: export default Vue.extend({ data: () => ({ sizeOfFont: '', }), computed: { ...mapState(['font', 'fontSize']), pureFontSize() { return this.fontSize.toString().replace('px', ''); } }, methods: { changeFontSize() { this.$store.commit('setFontSize', `${this.sizeOfFont}px`); }, } 만약 내가console.logthis..

JS 파일의 Nuxt 액세스 저장소(모듈 모드) 나는 내 Nuxt 앱에서 이름보다 앞선 상점에서 사용하는 AuthService를 가지고 있다.AuthService에서 names-traed store로 변경 사항을 적용해야 하는데 어떻게 스토어를 AuthService로 가져올지 모르겠어. 저장소를 JS 파일로 가져오는 예제를 보았지만, 저장소는 Vue 앱에 명시적으로 정의되어 있다.내 스토어에 모듈 모드인 Nuxt를 사용하고 있기 때문에 AuthService 파일로 스토어를 가져올 수 있는 루트 경로를 잘 모르겠다.내가 알기로는 Nuxt는 "Module mode"를 사용할 때 루트 저장소 생성과 모든 이름 앞지르기 저장소를 뒤에서 처리한다. 마이 넥스트store디렉토리 포함index.js(비어 있음) 및a..

API 서버에서 JSON Object 가져오기 vue-i18n을 사용한 Vue.js의 국제화 지금 나는 Vue.js에서 여러 언어를 지원하는 앱을 만들고 있어.그리고 나는 https://kazupon.github.io/vue-i18n을 이용하여 국제화를 구현했다. 프로젝트에서 정적 JSON 파일에서 API 호출 결과(axios, ajax, Vuex... 등)로 i18n의 메시지 파트를 변경하고 싶다. API 서버에서 JSON 메시지 파일을 가져오고 동적 다중 언어 서비스를 지원하는 방법 좋은 생각 있어?미리 감사합니다! import Vue from 'vue' import VueI18n from 'vue-i18n' import EN from '@/COMMON/i18n/en.json' import KO fr..

nuxtjs로 하위 상태를 매핑하는 방법 주/store/modules/general/index.js를 생성함 get_info와 get_pages Actions가 있다. 상태 정보 및 페이지, 사용할 때 ...mapActions({ getInfo: 'modules/general/get_info' getPages: 'modules/general/get_pages' }) 작동은 좋지만, 접속을 시도했을 때론 ...mapState({ Info: 'modules/general/info' Pages: 'modules/general/pages' }) 정의되지 않은 반환 사용할 때 ...mapState({ modules: 'modules' }) 이것은 나의 모든 변전소 도움들을 돌려준다.두 가지 정보, 페이지 상태, ..

Vue.js - Vuex 모듈에서 현재 경로 가져오기 현재 경로의 매개 변수를 기준으로 스토어 입력을 반환하는 이름보다 앞선 vuex 스토어가 있다. import Router from '../../router/index' const options = { routeIdentifier: 'stepId' } export function fromRoute(state) { if (!options.routeIdentifier || !Router.currentRoute.params) { return null } return state.all.find(element => { return element.identifier === Router.currentRoute.params[options.routeIdentifier]..

시작 시 NUXTJS Store 상태 콘텐츠를 채우시겠습니까? 내 Nuxtjs store state (Nuxtjs store)를 원한다.ssr: false, 그래서 아니다.nuxtServerInit사용자가 응용 프로그램을 시작할 때 데이터 포함. 시작 시 날짜 계산을 하고 답변을 nuxtjs 스토어에 저장하는 것이 목표여서 이 정보가 필요할 때 매번 다시 계산할 필요가 없다(이 정보는 여러 페이지에 사용될 것이다). 이렇게 할 수 있을까?시작 시 실행될 소규모 플러그인을 작성할 수 있으며, 다음과 유사한 스토어 작업을 호출할 수 있다.nuxtServerInit. // ~/plugins/nuxtClientInit.js export default async function (context) { await c..

vuex 커밋이 저장되지 않음 나는 가게 일을 하는 데 어려움을 겪고 있다. 나는 행동을 통해 돌연변이를 부르고 있는데, 그것은 효과가 있는 것 같다. export const location = { state: { x: 0, y: 0, z: 0, extent: [], epsg: 'EPSG:3857' }, mutations: { setLocation(state, payload) { // mutate state console.log("Commit"); state.x = payload.x; state.y = payload.y; console.dir(state); //this does return the mutated state. } }, actions: { setLocation(context, payload)..

정의되지 않은 VUEX의 '커밋' 속성을 읽을 수 없음 항상 정의되지 않은 속성의 '커밋'을 읽을 수 없음이라고 표시하십시오.여기 저장소에 있는 내 암호야 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export const store = new Vuex.Store({ state:{ timer: null, totaltime: (25 * 60) }, mutations:{ startTimer: (state, context) => { //here is the problem part I think state.timer = setInterval(() => context.commit('countDown'), 1000) }, countDown: sta..

Vue: 계산된 속성의 초기 트리거링 내 Vue 구성 요소에는 상태와 구성 요소를 감시하고 개체를 반환하는 계산된 속성이 있다. currentOrganization () { if (this.$store.state.organizations && this.selectedOrganization) { return this.$store.state.organizations.filter(org => org.id === this.selectedOrganization)[0]; } } 불행히도 이 속성은 구성 요소가 로드될 때 자동으로 업데이트되지 않지만, 두 개 모두this.$store.state.organizations그리고this.selectedOrganization그러나 아래 선택 구성 요소를 통해 작업을 Vuex..