반응형

vuex 217

nuxtjs의 vuex 모듈 모드

nuxtjs의 vuex 모듈 모드 나는 vuex 스토어에서 모듈 모드를 사용하여 nuxjs의 작업관리 목록을 구현하려고 하는데 이 오류가 발생했어.$store.todo는 정의되지 않았으며 nuxt와 관련하여 이 문제에 대해 많은 것을 찾을 수 없음 누가 좀 도와줄래? store index.js.s. export const state = () => ({ }) export const mutations = { } 할 일을 저장하다js export const state = () => ({ todos: [], }) export const mutations = { mutations ... } export const actions = { actions ... } export const getters = { gette..

IT이야기 2022.03.21

Vuex는 물리적으로 어디에 저장되어 있는가?

Vuex는 물리적으로 어디에 저장되어 있는가? 내 vue 앱이 운영 중일 때 콘솔이나 다른 방법을 사용하여 vuex 데이터에 액세스하는 방법 프로덕션 중이므로 Vue Devtools를 사용할 수 없음Vue 속성이 있는 요소를 쿼리하여 개발 콘솔에서 Vuex 저장소에 액세스할 수 있다.예: . document.getElementsByTagName('a')[0].__vue__.$store nnxt를 사용하는 경우 다음 주소에서 nnxt에 액세스할 수도 있음 window.$nuxt.$store 참조URL: https://stackoverflow.com/questions/55731277/where-is-vuex-physically-stored

IT이야기 2022.03.20

vuejs로 양식을 제출하면 양식 태그를 사용해야 하는가?

vuejs로 양식을 제출하면 양식 태그를 사용해야 하는가? 나는 vuejs의 편집 양식을 어떻게 제출하고 처리해야 할지 너무 혼란스럽다. 지금 내가 하는 일은 트리폼이라는 부품을 가지고 있다.vue: Save 그리고 부모 구성 요소에서 나는 다음과 같이 한다. ... ... 그리고 나의 vuex에서 나는 다음과 같이 한다. import Vue from 'vue'; import Vuex from 'vuex'; import axios from 'axios'; const api = axios.create({ baseURL: 'https://api.mydomain.com/api', timeout: 10000, withCredentials: true, }); Vue.use(Vuex); export default ..

IT이야기 2022.03.20

Vuex Store Getter가 새 값을 제 시간에 받지 못함.isoWeek()

Vuex Store Getter가 새 값을 제 시간에 받지 못함.isoWeek() 내 템플릿에서 나는 내 상점에서 시간을 낼 수 있고 그것은 잘 작동한다.시간이 바뀔 때마다 업데이트된다.그러나 내가 이렇게 주에서 온 게터들을 지도화하면: computed: { ...mapGetters({ week: "week", year: "year", time: "time", }), } 주간과 연도의 가치는 절대 변하지 않는다.왜 그런 것일까요?제가 무엇을 빠뜨리고 있나요? 그러나 템플릿에서 이 작업을 수행하는 것은 효과가 있다: $store.getters['week] My State는 다음과 같이 보인다. const state = { time: moment(), }; 작업: const actions = { change..

IT이야기 2022.03.19

vue 앱의 main.js 파일에서 스토어 getter 업데이트 값에 액세스하는 방법

vue 앱의 main.js 파일에서 스토어 getter 업데이트 값에 액세스하는 방법 다음 사이트에서 업데이트된 Vuex Getter에 액세스하려고 함main.js사용자가 로그인했는지 여부를 확인하는 파일.이에 따라 사용자를 로그인 페이지로 이동시킨다.main.js 파일에서 나는 단지 이렇게 가게게터에 접속한다. var router = new VueRouter({...}) router.beforeEach((to, from, next) => { console.log(store.getters['general/isUserLoggedIn']) next() }) general은 모듈 이름이다. 그러나 단순히 로그에 기록하면 업데이트된 값을 가진 객체가 표시된다.하지만 로깅할 때는store.getters['gene..

IT이야기 2022.03.19

Vue 구성 요소에서 통화를 포맷하려면 어떻게 해야 하는가?

Vue 구성 요소에서 통화를 포맷하려면 어떻게 해야 하는가? 내 Vue 구성 요소는 다음과 같다. Total: {{ item.total }} 의 결과{{ item.total }}이다 26000000 하지만 나는 이것을 이렇게 포맷하고 싶다. 26.000.000,00 jquery나 javascript로 할 수 있다. 그러나 vue 구성 요소에서는 어떻게 하는가?나는 필터를 만들었다.필터는 어느 페이지에서나 사용할 수 있다. Vue.filter('toCurrency', function (value) { if (typeof value !== "number") { return value; } var formatter = new Intl.NumberFormat('en-US', { style: 'currency',..

IT이야기 2022.03.18

계산된 특성에 대한 동적 "v-model" - 경로 파라미터를 기반으로 함

계산된 특성에 대한 동적 "v-model" - 경로 파라미터를 기반으로 함 나는 루트에 전달된 이름에 따라 다양한 vuex 속성을 설정하는 데 사용할 수 있는 구성 요소를 만들고 있어.이것의 순진한 요지는 다음과 같다. 내가 합격했다는 것을 주의하라.this[$route.params.name]에게v-model역동적으로 만들기 위해서.이는 설정(구성 요소 로드 양호)에 사용되지만 값을 설정하려고 할 때 다음과 같은 오류가 표시됨: Cannot set reactive property on undefined, null, or primitive value: null 내 생각에 이것은 때문이다.this안쪽에v-model정의가 없어지다(?) 어떻게 하면 이 일을 해낼 수 있을까? 갱신하다 나는 또한 왜 이것이 작동..

IT이야기 2022.03.18

사전 객체의 Vue + Vuex 반응도

사전 객체의 Vue + Vuex 반응도 나는 상태를 관리하기 위해 Vue + Vuex를 사용하고 있다. 저장: state: { nodes: {} }, actions: { loadNodes ({ commit }, parameter) { axios.get('http://URL' + '/nodes', { params: { name: parameter['name'], type: parameter['type'] } }).then((response) => { commit('nodeActivity', { uid: parameter['uid'], res: response.data }) }) } }, mutations: { nodeActivity (state, data: {uid, res}) { Vue.set(state..

IT이야기 2022.03.16

Firestore 컬렉션 액세스

Firestore 컬렉션 액세스 난 여기 소방서에 있어, 고객 어플리케이션에 컬렉션을 쉽게 통합할 수 있는 방법이 마음에 들어. 현재 나는 이렇게 Vue 스토어에서 직접 콜렉션에 접속하고 있다. async createPost({ state, commit }, post) { await fb.postsCollection.add({ createdOn: new Date(), content: post.content, userId: fb.auth.currentUser.uid, userName: state.userProfile.name, comments: 0, likes: 0 }) } 이거 안전해?데이터베이스가 클라이언트 측에 직접 노출되기 때문이다.결과적으로 무단 데이터 조작이 발생할 수 있다.데이터베이스 작업이 ..

IT이야기 2022.03.15

vuex 스토어에서 vue-resource($ttp) 및 vue-router($route)를 사용하는 방법?

vuex 스토어에서 vue-resource($ttp) 및 vue-router($route)를 사용하는 방법? 컴포넌트 대본에서 영화 디테일을 받기 전에.이 기능은 먼저 스토어의 영화 ID가 경로의 파라메타 영화 ID와 동일한지 여부를 확인한다.같은 경우 서버 API에서 동영상을 가져오지 않거나 서버 API에서 동영상을 가져오십시오. 잘 되고 있었다.하지만 지금은 가게의 변이로부터 영화의 세부사항을 얻으려고 노력하고 있다.하지만 나는 실수를 하고 있다. 검색되지 않은 TypeError: 정의되지 않은 속성 '$route'를 읽을 수 없음 부에루터 사용법($route)파람과 부에 닿다($http)vuex 저장소에 있는 서버 API에서 가져오시겠습니까? store.js: export default new Vu..

IT이야기 2022.03.15
반응형