prostudy

vuex를 사용하여 데이터 업데이트 나는 Vuex로서 양식을 사용하여 개체를 업데이트하려고 한다.내 코드 이런 거. 저장 중: const state = { categories: [] }; //mutations: [mutationType.UPDATE_CATEGORY] (state, id, category) { const record = state.categories.find(element => element.id === id); state.categories[record] = category; } //actions: updateCategory({commit}, id, category) { categoriesApi.updateCategory(id, category).then((response) => { co..

Vue 3 구성 요소 내부의 Vuex 4 상태 데이터를 다른 디스패치를 위한 페이로드로 사용하는 방법 나는 Vue 3 Composition API를 사용하고 Vuex 4의 Store 후크를 사용하고 있다. 설정() 내의 vuex 저장소에서 데이터(ids)를 가져오는 방법 setup () { const store = useStore() const allIds = computed(() => store.state.ids) function printIds () { console.log(allIds.value) } //... } 문제는 allIds 어레이가 Proxy로 포장되어 있어 사용할 수 없다는 것이다.console.log(allIds.value) - 이 어레이를 템플릿에서 사용할 때는 정상적으로 작동하지만..

계산된 속성을 사용할 때 $store 속성이 반응하지 않음(Vuex) 나는 Vuex 상점을 가지고 있는데, 내 사례에 주입하고 있다. import store from '../store'; const mainNav = new Vue({ el: '#main-nav', store, components: { NavComponent } }); 구성 요소에 있는 스토어에서 계산된 속성을 만들 겁니다. computed: { isWide() { return this.$store.state.nav.type === 'wide'; } } 하면 이구동성이 .this.isWide구성 요소 초기화에 대한 템플릿 속성, 그러나 저장소 값이 업데이트되면 구성 요소가 이를 등록하지 않음 - 이전 값은 여전히 템플릿에 있음. 내가 여기..

템플릿 내에서 값을 반환하는 기능을 사용하는 방법브룩스, 브룩스 템플릿을 사용하여 json 파일의 데이터를 가져오는 중이고 "v-for"를 사용하여 모든 데이터(예: template: /*html*/ ` {{ item.date }} `, 그러나 나는 이 정보를 수정하기 위해 연도()를 사용하고, 예를 들어 다음과 같은 결과를 얻어야 한다. template: /*html*/ ` {{ year(item.date) }} `, 값 {{항목.date }}}은(는) "2021-01-20"으로 인쇄하지만, {{년(항목.date)}}기능을 이용하여 "2021"으로 인쇄하길 바란다. Javascript를 사용한 코드 기능 연도(): year(date){ return String(date).substr(0, 4); } 코..

Vuex 업데이트 상태 Vuex 작업을 호출하여 공리 요청을 수행할 때 로컬 스토리지 항목을 모두 업데이트하는 것이 아니라 매우 이상합니다. 내 공리 요청이 개체 또는 빈 컬렉션을 반환할 수 있으며 항상 업데이트하고 싶다.userDailyFoods항목. 돌연변이와 게이터를 콘솔로 기록하면 작동하지만 localStorage 항목의 업데이트는 도청되고 있다.가끔은 결과가 나올 때도 있고, 어떨 때는 그렇지 않을 때도 있다. 내가 뭘 잘못하고 있는 거지? 액션: updateUserDailyFoods(context, data) { let date = data.data if (date) { axios.get(`/user/daily/food/${context.getters.user.id}/${date}/`).the..

Vuex에서 Interval을 지우는 방법 내 vuex 매장의 간격을 좁히려고 하는데 작동이 안 돼. startCounter에서 stopCounter의 간격을 지우기 위해 내 카운트가 100인지 확인 clearInterval(this.myCounterInterval); 여기 내 암호야, 고마워. import Vue from "vue"; import Vuex from "vuex"; import videos from "@/models/videos"; Vue.use(Vuex); export default new Vuex.Store({ state: { count: 0, totalTime: 20, myCounterInterval: 0, visible: false, show: false, videos: { type..

ReferenceError 상태가 vuex 저장소에 정의되지 않음 나의vuex가게는 이렇게 생겼는데 전화할 때.addCustomer알겠다ReferenceError: state is not defined: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { customers: [] }, mutations: { addCustomer: function (customer) { state.customers.push(customer); // error is thrown here } } }); 바로 이겁니다.addCustomer바인딩/제본: Add Customer 이것은 에 대한 정의..

계산된 속성을 통해 Vuex 상태 변경에 대한 구성 요소 업데이트 나는 Vue와 Vuex를 이용하여 간단한 영화 앱을 만들고 있는데 버튼을 클릭했을 때 영화를 즐겨찾기 목록에 추가할 수 있기를 원한다.영화를 매장에 추가하는 중인데 영화가 추가되면 버튼의 텍스트가 '즐겨찾기에 추가'에서 '즐겨찾기에서 제거'로 바뀌었으면 좋겠어.나는 Vuex 스토어를 읽기 위해 계산된 속성을 사용해서 영화가 스토어의 즐겨찾기 목록에 있는지 여부에 따라 버튼의 텍스트를 결정한다.페이지를 다시 로드하면 버튼의 텍스트가 올바르게 변경되지만 동영상을 추가/제거하기 위해 버튼을 클릭해도 텍스트가 변경되지 않는다.Vuex 스토어의 변경에 대해 계산된 속성을 다시 계산하도록 하려면 어떻게 해야 하는가? 다음은 내 영화 구성 요소: {{..

하위 디렉터리의 Vuex 액세스 모듈 나는 다음과 같은 디렉토리 구조를 가지고 있다. 저장하다 모듈 file1.js file2.js file3.js 다른 폴더 filex1.js 내 질문은, 어떻게 다른 Folder/filex1.js의 상태에 접근하는가에 관한 것이다. 나는 값을 설정할 수 있지만, 나는 그것을 얻을 수 없다. this.$store.dispatch('anotherFolder/filex1/myAction', {}) //work let val = this.$store.state.anotherFolder.filex1.myValue //not work 나는 아래와 같이 모듈을 수입하고 있다. import Vue from 'vue' import Vuex from 'vuex' import getter..

Axios 인터셉터 - vuex 스토어에서 응답을 반환하는 방법 나는 로그인 양식을 가지고 있다.사용자가 사용자 이름/pw를 입력하면 api의 응답이 좋든 나쁘든 간에 api의 응답을 사용자가 처리한다. 그런 다음 응답은 사용자 자격 증명이 설정된 내 vuex 저장소를 통해 라우팅된다. 그러나 console.log에 응답을 로그인 구성 요소에 기록하면 다음과 같은 필드가 실제로 표시되지 않음data, status, headers등등.. 나는 이것을 본다. 사용자 로그인을 진행하기 전에 데이터가 저장소에 있는지 확인할 수 있는 방법이 있는가? 지금 이 시점에서 생각할 수 있는 것은 오직 a를 사용하는 것뿐이다.setTimeout3초간 주정부 getter에게 전화를 걸어 사용자 데이터를 검색한다.내 말은, ..