반응형

Vuex 119

Vue 계산 세터가 확인란과 함께 작동하지 않습니까?

Vue 계산 세터가 확인란과 함께 작동하지 않습니까? 계산 세터가 있습니다. rating: { get() { return this.$store.state.rating; }, set(value) { console.log(value); this.$store.commit('updateFilter', { name: this.name, value }); } } 이것은 다음과 같이 내 등급에 링크됩니다. {{ index }} 워처를 사용하여 레이팅 모델의 변경을 감시하면 어레이가 표시되므로 계산 세터가 어레이를 기록할 것으로 예상됩니다. 위와 같은 계산 세터를 사용할 때마다 단순히 출력만 하면 됩니다.true체크박스를 켜거나false모두 선택 해제된 경우. 이게 무슨 일이야? 워처처럼 어레이를 가져와야 하는 거야?..

programing 2022.07.16

Vuex - 변환 중인 업데이트 개체

Vuex - 변환 중인 업데이트 개체 사용자가 버튼을 클릭한 후 vuex 저장소의 데이터를 로컬 개체의 데이터로 교체합니다.하지만 나는 돌연변이에 갇혀있다.상세한 것에 대하여는, 이하에 몇개의 코드를 참조해 주세요. 사용자가 버튼을 클릭한 후 호출되는 메서드입니다.(this.tableview는 vuex 개체와 동일한 값을 가진 로컬 개체입니다.) updateVuexTableview() { // eslint-disable-next-line no-console console.log("Update Vuex Table view"); this.updateTableview(this.tableview) } 이 방법에서는 vuex 액션이 호출됩니다.(updTableview는 삽입하는 새로운 데이터입니다.) async ..

programing 2022.07.11

jQuery 약속을 반환하는 Vuex 작업이 작동하지 않습니다. .fail은 함수가 아닙니다.

jQuery 약속을 반환하는 Vuex 작업이 작동하지 않습니다. .fail은 함수가 아닙니다. 이런 Vuex 액션이 있어요. myAction() { const deferred = $.Deferred(); setTimeout(() => deferred.resolve(), 3000); return deferred.promise(); } vue 컴포넌트에서 myMethod() { this.myAction().fail(() => ...do something...); } 던지기 오류: Uncaughed TypeError: this.myAction(...).fail은 함수가 아닙니다. 코드는 정상적으로 동작하고 있었지만, npm modules/vue-cli/webpack 등을 업데이트 했을 때 문제가 발생했습니다...

programing 2022.07.11

리덕스 셀렉터와 같은 Vuex 셀렉터

리덕스 셀렉터와 같은 Vuex 셀렉터 내 nuxt 프로젝트에는 다른 가게 속성에서 추론할 수 있는 소품들이 있습니다. redex에서는 필요할 때마다 reselect를 사용하여 스토어가 변이될 때마다 계산하고 모든 렌더에서 계산하지 않아도 됩니까? nuxt/vuex에서도 같은 것을 실현하려면 어떻게 해야 합니까? 고마워요.내 생각엔 네가 원하는 건 게터인 것 같아. Vuex를 사용하면 스토어에서 "getters"를 정의할 수 있습니다.이러한 속성은 상점의 계산된 속성이라고 생각할 수 있습니다.계산된 속성과 마찬가지로 getter의 결과는 종속성에 따라 캐시되며 종속성의 일부가 변경된 경우에만 재평가됩니다. // store/index.js export const state = () => ({ todos: [..

programing 2022.07.11

"'../store'에서 'export 'store'를 찾을 수 없습니다."

"'../store'에서 'export 'store'를 찾을 수 없습니다." 안녕하세요 Vuex Route-Gard에 스토어를 Import하려고 합니다. router/auth-guard.disples import {store} from '../store' export default (to, from, next) => { if (store.getters.user) { next() } else { next('/login') } } store/index.displaces import {store} from '../store' export default (to, from, next) => { if (store.getters.user) { next() } else { next('/login') } } 내보내기 '..

programing 2022.07.11

변환 후 VueX Getter가 실행되지 않음

변환 후 VueX Getter가 실행되지 않음 VueX를 연결했고 돌연변이는 정상적으로 작동하지만 Getter 메서드는 다시 실행되지 않습니다.TS 클래스의 컴포넌트 구문을 사용하지 않고 VueJs를 TypeScript와 함께 사용하고 있습니다. 제 코드는 다음과 같습니다. export default new Vuex.Store({ state: { Started: false }, getters: { getStarted(state): boolean { console.log(state.Started) return state.Started; } }, mutations: { setStarted(state, payload): void { console.log("mutated", payload) state.Start..

programing 2022.07.10

mapState는 정확히 어떻게 사용합니까?

mapState는 정확히 어떻게 사용합니까? Vuex에서 다음과 같이 mapState를 사용하려고 합니다. mapState({ locations: state => state.locations, types: state => state.models.types, models: state => state.models.models, vendors: state => state.models.vendors, statuses: state => state.statuses, }) 첫 번째 두꺼운 화살표를 Browserify로 가리키며 '예기치 않은 토큰' 컴파일 오류가 발생합니다.스프레드 연산자를 사용하려고 하면: ...mapState({ 에서 컴파일 에러가 발생....그것은 객체 특성 확산입니다.현재 네이티브로 지원하는 ..

programing 2022.07.10

vue-i18n이 vuex를 통합한 후 로케일을 업데이트하지 않음

vue-i18n이 vuex를 통합한 후 로케일을 업데이트하지 않음 아직 Vue는 처음이지만, 거의 요령을 터득하고 있는 것 같아요.콘텐츠를 LANG.json 파일에서 로드한 다른 언어로 번역할 수 있는 앱을 만들 수 있었습니다.문제는 내가 새로운 시각으로 바꿀 때마다 그것이 원래의 번역으로 돌아간다는 것이다. 그래서 Vuex를 어플리케이션에 통합하려고 했는데 잘 작동하지 않는 것 같아요. 이게 관련된 모든 코드라고 생각합니다. src/i18n/index.module import Vue from 'vue' import VueI18n from 'vue-i18n' import store from './../store' Vue.use(VueI18n) export default new VueI18n({ local..

programing 2022.07.10
반응형