반응형

vuex 6

스토어 fake api 배열에서 새 항목 이동 해제

스토어 fake api 배열에서 새 항목 이동 해제 Add. 버튼을 클릭한 후 작업 배열의 맨 위에 새 작업관리 제목을 시각화할 예정입니다.POST 요청 페이크 API로 하고 있는데 404 오류가 발생하여 페이지에 추가할 작업이 보이지 않습니다.콘솔에 새 작업 개체가 표시되는 경우에도 마찬가지입니다. https://stackblitz.com/edit/nuxt-bootstrap-vue-dynamic-img-bkwixg?file=pages%2Findex.vue,store%2Findex.js,components%2FTask.vue // Store const actions: { const res = await fetch('https://dummyjson.com/todos/add', { method: 'POST'..

sourcecode 2023.07.02

Vue.js: 메서드에서 계산된 속성을 사용하면 정의되지 않은 오류가 반환됩니다.

Vue.js: 메서드에서 계산된 속성을 사용하면 정의되지 않은 오류가 반환됩니다. vuex에서 상태를 가져오는 계산된 속성이 있습니다.vuex 내부에서는 api에서 일부 데이터를 가져오기 위해 axios를 사용하여 상태를 설정합니다.문제는 메서드 내에서 이 계산된 속성을 사용하려고 하면 정의되지 않은 오류가 발생한다는 것입니다.데이터가 vuex 스토어에 설정되기 전에 사용하려고 하기 때문입니다.그렇다면 메서드에 사용하기 전에 boardColumnData가 설정되었는지 확인하려면 어떻게 해야 합니까? 오류: Error in mounted hook: "TypeError: Cannot read property 'total' of undefined" TypeError: Cannot read property 't..

sourcecode 2023.06.27

Vuex getter 및 돌연변이 이해

Vuex getter 및 돌연변이 이해 예를 들어, 제가 이런 vuex 가게를 가지고 있다고 가정해보죠. state: { docs: null, adds: [], deletes: [], }, actions: { // initialize docs to an array of objects init (context, payload) { } } getters: { // get the docs plus the adds, minus the deletes docs (state) { } }, mutations: { // add a doc, keeping track that it was added addDoc (state, payload) { } // remove a doc, keeping track that it was..

sourcecode 2023.06.27

next 인증으로 브라우저를 닫은 후 사용자를 로그인 상태로 유지하는 방법은 무엇입니까?

next 인증으로 브라우저를 닫은 후 사용자를 로그인 상태로 유지하는 방법은 무엇입니까? 내 안에는 다음이 있습니다.nuxt.config.js파일: auth: { strategies: { local: { scheme: 'local', token: { property: 'meta.token', global: true, }, user: { property: 'data', }, endpoints: { login: { url: '/auth/login', method: 'post' }, logout: { url: '/auth/logout', method: 'post' }, user: { url: '/auth/user', method: 'get' } } }, } }, 짧은 시간(그러나 아직 알 수 없는 시간) 후에..

sourcecode 2023.06.22

Vuex 상태는 일반 기능에 의해 변형되지 않지만 전용 기능에 의해 변형됩니다.

Vuex 상태는 일반 기능에 의해 변형되지 않지만 전용 기능에 의해 변형됩니다. LokiJS에서 제공하는 스토리지를 가지고 있으며, 이 스토리지를 사용하여 Vuex 상태를 업데이트합니다.autoloadCallback. LookIJS 스토리지: var db = new loki('mydatabase', { autoupdate: true, autoload: true, autoloadCallback: setupHandler }) Vuex 상태 및 돌연변이: const state = { ads: [] } const mutations = { updateArray(from, to) { from = to }, updateAds() { state.ads = db.getCollection('ads').data } } 그리..

sourcecode 2023.06.12

TypeScript의 클래스에 메모지 사용

TypeScript의 클래스에 메모지 사용 다음을 사용하여 TypeScript의 수업에서 메모화 기술을 사용하고 싶습니다.memoizee도서관. 다음은 제가 이미 시도한 몇 가지 코드입니다. import memoize from "memoizee" import { getModule, Module, MutationAction, VuexModule } from "vuex-module-decorators" import store from "@/store" import { User } from "./models" import { UserAPI } from "./api" @Module({ namespaced: true, name: "user", store, dynamic: true }) class UserModul..

sourcecode 2023.06.12
반응형