copyscript

vuex nuxt에서 중첩된 getter를 가져오는 방법 있습니다store/index.js이것처럼. new Vuex.Store({ modules: { nav: { namespaced: true, modules: { message: { namespaced: true, state: { count: 0, conversations: [], }, getters: { getCount: state => { return state.count; }, }, mutations: { updateCount(state) { state.count++; }, }, actions: {}, }, requests: { namespaced: true, state: { friends: [], }, getters: { getFriends: s..

Vuex 작업 페이로드가 정의되지 않았습니다. 다음과 같은 컴포넌트가 있습니다(간소화). 다음으로 다음과 같은 가게가 있습니다(간소화). const state = { vehicleIdentificationNumber: null, }; const actions = { setVehicleIdentificationNumber({ commit }, { vin }) { console.log(vin); // this console.log outputs undefined commit('SET_VEHICLE_IDENTIFICATION_NUMBER', vin); } }; const mutations = { SET_VEHICLE_IDENTIFICATION_NUMBER(state, vin) { state.vehicleIde..

jwt 인증을 사용하여 vue 응용 프로그램에 자동 로그인 jwt 토큰을 사용하여 작업을 승인하고 백엔드에서 보호된 리소스를 요청합니다. 프런트 엔드:Vue, Vue 라우터, VueX, Vuetify 백엔드: Express, jwt 토큰, cookieParser 로그인 루트를 정상적으로 호출하면토큰 및 사용자 데이터(사용자 이름, 이메일, userId)가 프런트엔드로 반환됩니다.또한 httpOnly cookie(새로고침 포함)를 반송합니다.토큰) 및 새로고침 삽입데이터베이스 반대편에 토큰이 있습니다.vuex 스토어를 통해 트리거합니다.state.loggedIn로.true를 할당합니다.user에 반대하다.state.user. 같은 기능으로,userlocalStorage에 대해 이의를 제기합니다. 새 탭을 ..

Nuxt JS vuex에서 Vue 라우터를 사용하여 리디렉션 앱의 일부로 로그인/등록 시스템을 구축하고 있습니다.Firebase와 Vuex를 사용하여 인증 및 데이터베이스 정보를 처리하고 있습니다.Nuxt JS에는 사용자를 생성하고 로그인하고 로그아웃하는 작업이 있습니다. 사용자가 성공적으로 등록된 후/로그인을 클릭하면 내 코드가 다음과 같습니다. export const actions = { /* * Create a user */ createUser ({commit}, payload) { this.$fireAuth.createUserWithEmailAndPassword(payload.email, payload.password).then(function(firebaseUser) { commit('setUs..

변환에서 푸시할 때 Vuex 저장소에서 구성 요소 컬렉션을 업데이트하지 않음 밀려고 해task로.state.tasks변수 배열은 변환을 통해 저장 모듈에 있습니다.모든 작업을 가져와 할당하는 경우state.tasks모든 것이 완벽하게 작동하고 화면에 표시되지만task에 대해서state.tasks스토어에서 뷰에 추가하지 않습니다.(console.log 태스크가 state.tasks로 변환되어 있는 것을 console.log 태스크에서 확인했습니다.에러는 없습니다).아래에 정보를 남겼습니다.내가 뭘 잘못하고 있지? 상태: const state = { tasks: [], }; 액션:그tasksImport하는 API 서비스입니다.import tasks from '../../api/tasks'; const act..

타입 번호의 입력에 대해서, 증감 처리를 덮어쓰는 방법이 있습니까? 제가 하고 싶은 것은 내장된 html 입력 버튼을 숫자의 증감용으로 조작하는 것입니다.이것을 「방법이 있다」라고 하는 경우는, 당연히 그것이 바람직합니다. 우선 Vue를 배우기 위해 만든 작은 vue-app을 만들고 있습니다.지금 구입한 것은 Vuex 스토어입니다.이 스토어에는 쇼핑 카트의 상태와 방법이 포함되어 있습니다.이미지에 표시된 값 item.itemCount를 입력 필드 값에 바인딩했습니다.그러나 실제로 vuex-state를 적절한 방법으로 업데이트하기 위해 증가/감소 버튼이 필요합니다. 입력란 사용을 중지하고 '카운트 뷰'+버튼 2개를 작성하면 되는 것은 알고 있습니다만, 이런 조작이 가능한지 궁금합니다. 쇼핑카트 업데이트표시..

vuex를 사용하여 이름 지정 모듈에서 getter에 액세스하려면 어떻게 해야 합니까? 모듈에는 다음이 있습니다. export default { namespaced: true, state: { conversations: false }, getters: { getConversation(state, ConversationId) { console.log('here i am!') let conversation = _.find(state.conversations, { id: ConversationId }) console.log('conversation', conversation) return conversation }, 내 컴포넌트에서는 다음을 시도하고 있습니다. export default { name: "Con..

Vuex getter(인수가 Typescript에 기록됨) vuex store getter를 생성할 수 있습니다.이것에 대해서는, 다음의 그림에서 나타내는 파라메타 인수를 사용합니다. Typescript(https://github.com/hmexx/vue_typescript_starter_kit))를 사용하여 코드를 쓰고 있는데 파라미터 인수를 사용하는 getter를 작성하는 방법을 알 수 없습니다.즉, 다음 기능이 작동하지 않는 것 같습니다. export function getItemById(state : State, id : Number) : MyItem | undefined { if(id === undefined) { return undefined; } for(const item of state.i..

API 데이터로 Vuex 상태를 업데이트할 위치 이 질문은 코드 구성 질문에 가깝습니다.난 프런트엔드는 처음이야VueJS + Vuex + VuerRouter + Vuetify + TypeScript 를 탑재한 심플한 앱을 기동했습니다.이것은 의 그림입니다.src폴더: ├── App.vue ├── assets │ └── ... ├── components │ └── ... ├── plugins │ └── ... ├── router │ └── ... ├── services │ └── StuffAPI.ts ├── store │ ├── index.ts │ └── modules │ └── stuff.ts └── views └── Stuff.vue 필요한 대부분의 데이터를 프리페치합니다.App.vue에mounted(..

수집되지 않은 참조 오류: photoModule이 정의되지 않았습니다. Uncaught ReferenceError: photoModule is not defined ②처음 이런 오류가 발생하여 vuex 스토어에서 모듈을 찾을 수 없습니다. 뭐가 문제죠? 뷰엑스 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ modules: { photoModule } }) main.discloss.main.discloss. import store from './store' Vue.prototype.axios = axios Vue.config.productionTip = false new Vue({ vuet..