prostudy

Vuex 스토어가 Vue-roouter에서 정의되지 않음 나는 라우터와 글로벌을 가지고 있다.beforeEach인증의 유효성을 확인하다 import store from "@/store/store"; const router = new Router({ // routes... }); router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.requiresAuth)) { if (!store.getters.getAccessToken) { //undefined store next("/access/login"); } } else { next(); } }); export default router; 그리고 내 안에store/sto..

배열 정렬 시 게이터를 올바르게 사용하는 방법 그래서 나는 vuex getter를 사용하는 데 문제가 있어. 내 목표는 그 사람들을 분류하는 것이다.cart다음에 의한 객체 배열인 데이터date게터 사용myCartItems 내 문제는 두 번째 적재물을 밀어서{prod_id: 2, date: Wed Nov 03 2021 10:40:20}나의Details구성 요소 로깅 중인 소품['prod_id']prod_id: 1대신에prod_id: 2 돌연변이 addToCart: (state, payload) => { state.cart.push(payload) // payload = {prod_id: 1, date: Wed Nov 03 2021 10:37:26} } 줍는 사람들 cartItems: (state) => ..

vuex 작업에서 api 호출을 조롱하는 행위 나는 액션이 있는 vuex 상점을 가지고 있다. //actions.js import api from '@/api.js' export default { getAllProducts ({commit}) { // call the api and return a promise with the products api.fetchAllProducts().then((products) => { commit('getAllProducts', products) }) } 이제 시험해 보자! // actions.spec.js import actions from './actions.js' import api from './api.js' describe('shop actions', () =..

(VueJS) Vuex Getter는 다른 모듈 상태 변경을 기반으로 업데이트되어야 함 나는 두 개의 Vuex 스토어 모듈을 가지고 있다.ListItems그리고ListSort.ListItems이 두 모듈의 상태에서 본질적으로 계산된 게터를 가지고 있다.아래 코드를 참조하십시오. // Import the ListSort store module import listSort from './list-sort'; // ListItems getters const getters = { companiesSorted: () => { return _.orderBy(state.companies, [listSort.state.sortAttribute], [listSort.state.sortDirection]); }, }; 그..

Nuxt / Vue - 돌연변이 처리기 외부에서 vuex 저장소 상태 변경 안 함 나는 간단한 카트 스토어를 가지고 있어, 아이템을 추가/제거할 수 있다. 카트에 제품을 추가하면 수량을 업데이트할 수 있는 플래시 메시지를 표시한다.내 플래시 메시지 컴포넌트에 어떤 제품이 관련되는지 모르기 때문에 나는 매장을 이용한다. 나는 간단한 부트스트랩 스피너를 가지고 있다. 이것을 바꾸면, 나는 전화하고 싶다.setItems마지막으로 추가된 항목을 업데이트하기 위한 내 스토어 기능. 그래서 나는 다음을 사용했다. data () { return { value: 1 } }, methods: { setItems (value) { const items = [...this.$store.getters['cart/items']..

Nuxt는 페이지를 렌더링하고 반환하기 전에 Vuex 상태를 업데이트해야 하지 않을까? 여기에서 Vuex 및 SSR에 대한 명확한 설명이 필요함.SSR은 처음이라 어떤 컨셉이 맞는지 모르겠어.나는 상점을 이용하여 나의 어플리케이션에 사용할 빵가루를 만들려고 한다.상위부품이 빵가루를 보여주고, 아이부품이 매장에 빵가루를 설정하는 개념이다.지금은 서버가 렌더링할 때마다 빵 부스러기의 초기 상태를 렌더링하고 수화 후에만 업데이트해 몇 초간 빵 부스러기가 잘못 전달된다. 유사 코드: 상위.vue {{ $store.breadcrumbs }} Child.vue created() { console.log("Component created) $store.setBreadcrumbs("This / is / a / test..

부에즈 페이로드는 돌연변이로 정의되지 않았다.'정의되지 않은 속성을 설정할 수 없음' 나는 VueJs에서 프로젝트를 만들고 있는데, 사용자들이 커뮤니티에 있는 구성원의 간단한 정보를 입력하여 목록에 추가한다(데이터베이스). 문제는 내 돌연변이 setFirstName, setLastName 등이 페이로드를 얻지 못하고 정의되지 않아 오류가 더 많이 발생한다는 것이다.내가 제대로 설명하지 못했거나 코드가 맞지 않는다면 미안해, 나는 프런트엔드 프레임워크에서는 정말 처음이라서 배우려고만 해. 저장 파일: export default { namespaced: true, state: { members: [], firstName: null, lastName: null, birthYear: null, }, action..

Firestore 실시간 쿼리를 백그라운드에서 재사용 가능(비용 절감) Firestore에서 실시간 업데이트를 듣기 위해 Firebase-js-sdk(Vue PWA)를 사용한다. 앱이 백그라운드 상태일 때 복원하려면 앱 상태에 대해 "vuex-perist"를 사용하십시오.앱 상태 외에도 동일한 매개 변수를 사용하여 동일한 컬렉션에서 .onSnapshot을 호출하여 실시간 쿼리를 다시 설정해야 한다. 앱이 백그라운드로 가기 전에 요청했던 실시간 쿼리를 소방-js-sdk가 다시 사용할 수 있을지 궁금하다.그렇지 않으면 사용자가 백그라운드 및 백그라운드로 전환할 때마다 요금이 부과된다. 도와줘서 고마워, 토마스해결책:문제는 어떻게 하면 복원(실시간 청취자 복원 포함)이 기술적으로 작동하게 할 것인가에 대한 것..

Vuex 돌연변이 대상이 주에서 찾는 대신 페이로드로 통과됨 vuex 상태가 다음과 같은 구조를 가지고 있다고 가정해 보자. state: { houses: [{ pk: 1, historicalName: 'Poo' }], }, 그리고house국가로부터의 인스턴스(instance)는 그것을 구성요소에 소품으로 전달함으로써 사용된다.houses.vue템플릿: 그럼 내가 이 분야들을 변이해야 할 때house이렇게 돌연변이를 쓰나? [Types.mutations.SET_HISTORICAL_NAME]: (state, payload) => { state.houses.find(x => x.pk === payload.house.pk).historicalName = payload.historicalName } 아니면 내가..

서로 다른 것을 참조하는 마우스 호버 기능같은 Vue.js 함수에서. ".html" 파일에 mouseover 속성을 정의한 두 개의 div ID가 있다. 내 app.js에서 나는 아래 코드를 언급했다. var app = new Vue({ el:'#app', data:{ imgData:'img/blog_grid_3.jpg', imgData_1:'img/blog_grid_1.jpg', imgData_2:'img/blog_grid_2.jpg' } }) var app1 = new Vue({ el:'#app1', data:{ imgData_a:'img/blog_grid_1.jpg', imgData_b:'img/blog_grid_3.jpg', imgData_c:'img/blog_grid_2.jpg' } }) div..