반응형

vuex 87

Quasar 부트 파일에서 스토어 액세스

Quasar 부트 파일에서 스토어 액세스 Quasar를 사용하고 있으며 부트 파일(기본적으로 main.js와 동일)에 있습니다. Vue.use(VueCurrencyFilter, { symbol: '$', thousandsSeparator: '.', fractionCount: 2, fractionSeparator: ',', symbolPosition: 'front', symbolSpacing: true }) 내 컴포넌트로 수행할 수 있는 작업: {{purchaseOrderTotal | currency(currentLocation.currency)}} currentLocationmapState로 호출된 스토어의 상태입니다. currentLocation.currency의 통화입니다.symbol선택. 이것은 동..

sourcecode 2022.09.25

API 호출에서 Vuex 스토어의 일부 데이터를 설정하는 방법

API 호출에서 Vuex 스토어의 일부 데이터를 설정하는 방법 따라서 Vuex에서 API로 가져온 데이터 배열을 설정하는 방법을 알 수 없습니다. 이게 내가 하려는 거야 /* store/modules/galleries.js */ // mutations const mutations = { SET_GALLERIES(state, galleries) { state.galleries = galleries; } }; // actions const actions = { fetchAllGalleries({ commit }) { Vue.prototype.$oauth.request('/galleries') .then(galleries => { console.log(galleries) // [{...}, {...}, .....

sourcecode 2022.09.19

모든 정적 문자열을 한 곳에 배치하는 방법

모든 정적 문자열을 한 곳에 배치하는 방법 vue webapp을 만들고 있는데 동적 콘텐츠가 있는 페이지는 적고 정적 콘텐츠가 대부분인 페이지도 적습니다.나는 이 정적 끈들을 한 곳으로 옮기고 싶다. vue-i18n 또는 vue-multilanguage를 사용할 수도 있습니다.이것들은 이와 같은 콘텐츠 파일을 지원하는 기능을 제공하지만, 저는 여러 언어를 지원하는 사용 사례가 전혀 없기 때문에 좀 과한 것 같습니다. 다른 옵션은 상태 관리에 이미 사용하고 있는 vuex의 모든 문자열에 대한 vuex 저장소를 갖는 것입니다. 이를 위한 좋은 접근법.표준적인 방법에 대해서는 잘 모릅니다.또, 모든 Web 프레임워크에 적용할 수 있습니다.그것은 흥미롭고 유효한 문제라고 말했다. 내가 뭔가를 해야 한다면: 나는..

sourcecode 2022.09.06

TypeError: Vuex 4 및 Vue 3에서 사용할 때 정의되지 않은 속성 'getters'를 읽을 수 없습니다.

TypeError: Vuex 4 및 Vue 3에서 사용할 때 정의되지 않은 속성 'getters'를 읽을 수 없습니다. 저는 Vuex에 처음 와서 문제가 있어요.를 사용하여 앱을 제대로 서비스할 수 없는 경우npm run servelocalhost에서 앱을 열 수 있지만 아무것도 표시되지 않고 html 본문만 배경색으로 표시됩니다.이전 이야기npm run build F:\Javascript\CodeHighlighter>npm run build > code-highlighter@0.1.0 build F:\Javascript\CodeHighlighter > vue-cli-service build - Building for production... DONE Compiled successfully in 6447..

sourcecode 2022.09.05

Vuex-ORM을 통한 양방향 데이터 바인딩

Vuex-ORM을 통한 양방향 데이터 바인딩 Vuex ORM을 사용할 때 양방향 데이터 바인딩을 실현하기 위한 라이브러리 또는 이미 설명한 패턴을 알고 있는 사람이 있습니까? Vuex에서 이 문제를 해결하기 위한 라이브러리를 몇 개 찾았습니다만, Vuex-ORM에 대한 구체적인 라이브러리는 아직 없습니다. vuex-map 필드 vuex-pathify의 이를 위해 미리 정의된 플러그인은 없다고 생각합니다만, 계산 속성의 setter와 getter를 사용하여 일반적인 Vuex 상태에서도 동일하게 수행할 수 있습니다...? import User from '@/models/User' export default { computed: { user: { get () { return User.find(1) }, set..

sourcecode 2022.09.03

VueX를 통한 데이터 액세스

VueX를 통한 데이터 액세스 VueX를 사용하여 VueJS 프로젝트에 데이터를 저장하고 싶다. 여기 my index.js import axios from 'axios' import { createStore } from 'vuex' export default createStore({ state: { tuto: [], data: [] }, actions: { getData({commit}){ axios.get('data/mock.json') .then(res => { commit('SET_DATA', res.data) }) }, getTutoriel({commit}){ axios.get('data/tutoriel.json') .then(res => { commit('SET_TUTORIEL', res.dat..

sourcecode 2022.08.31

vue에서 문을 실행하기 전에 비동기 작업이 완료될 때까지 기다리려면 어떻게 해야 합니까?

vue에서 문을 실행하기 전에 비동기 작업이 완료될 때까지 기다리려면 어떻게 해야 합니까? 내 vue 컴포넌트는 다음과 같습니다. ... Show datepicker ... ... ... 사용자가 show datepicker 버튼을 클릭하면 watch picker Date와 show Datepicker 메서드가 동시에 호출됩니다. watch pickerDate에서 문을 실행하기 전에 aysnc/ajax를 기다립니다.this.getDataById({id: id});일등으로 끝나다 그걸 어떻게 하는 거죠? 사실 pickerDate만 사용하고 싶은데 pickerDate로 ID를 보낼 수 없어서 시계와 메서드를 사용하고 있습니다. 주의: 루프의 날짜 선택기 나는 vuetify를 사용한다.날짜 선택 태그에서 pi..

sourcecode 2022.08.29

VUE의 상위 구성 요소에서 모드 대화 상자 전환

VUE의 상위 구성 요소에서 모드 대화 상자 전환 따라서 상위 구성 요소에서 모달 대화상자를 전환하고 여기에 나와 있는 Stack Overflow Question about same Topic을 각 단계에서 시도했지만 여전히 모달 대화상자가 표시되지 않고 VUE 콘솔에서 볼 때 정의되지 않은 값도 있습니다.요소 섹션에서 모달 대화 상자 div는 생성되지 않습니다. MY MODAL DIALOG가 웹 페이지의 요소 섹션에 표시되지 않고 정의되지 않은 프로펠러 값으로 Vue 콘솔에 표시됩니다.그러나 클릭 효과는 부모 컴포넌트에서 작동하고 있으며 div를 클릭하면 모달은 true로 설정됩니다. 부모 코드 마이차일드 컴포함 body 내가 뭘 놓친거야? 제발 도와주세요, 고마워요.소품 이름value따라서 부모 컴포..

sourcecode 2022.08.29

다른 모듈로부터의 변환 커밋

다른 모듈로부터의 변환 커밋 로그아웃 시 스토어 상태를 리셋하고 싶습니다.상태를 재설정하기 위해 각 스토어에 돌연변이를 만들었습니다. 이런 걸 해봤는데 안 되더라고요. logout: function ({commit}) { commit('resetLoginState') commit('menu.resetMenuState') } 그logout기능은 내 안에 있다login모듈 및resetMenuState라는 이름의 다른 모듈에 있습니다.menu 이거 할 수 있어요?다음을 사용할 수 있습니다. commit('path/from/root/to/your/module/menu/resetMenuState', null, { root: true }) 자세한 내용은 이 페이지에서 보실 수 있습니다.언급URL : https://..

sourcecode 2022.08.29

vuex의 모듈 getter에서 루트 상태 액세스

vuex의 모듈 getter에서 루트 상태 액세스 nuxt/auth의 인증 데이터를 포함하는 루트 상태가 있습니다. 내부 스토어/모듈/메시지/스테이트/게터 등도 가지고 있습니다. getters 내부에서는 root 상태에서 인증 데이터를 가져와야 하는데 방법을 모르겠어요. 모듈의 rootState를 index.js에 추가하려고 했습니다. import state from './state' import rootState from '../../state' import * as actions from './actions' import * as mutations from './mutations' import * as getters from './getters' export default { namespaced: t..

sourcecode 2022.08.28
반응형