criticalcode

Vue Router + Vuex: 각 경로 가드가 Vuex 상태 변경을 대기하기 전에 만드는 방법은 무엇입니까? 내 SPA에서 페이지 로드 시 초기화의 일부는 API에서 로그인한 사용자를 가져온 다음 사용자 레코드가 다음과 함께 상태로 저장됩니다.initialized깃발 라우터에서beforeEachguard 사용자가 로그인했는지 확인해야 하지만 올바르게 작동하려면 다음 시간까지 기다려야 합니다.initialized플래그가 다음으로 설정됨true어떻게 하면 제 기능이 그것을 기다릴 수 있을까요?가게에 들어가서 감시자를 만들어야 할까요, 아니면 다른 변수를 약속으로 설정해야 할까요? 감사합니다!라우터에 다음과 같은 기본적인 "일시 중지" 기능을 구현할 수 있습니다(코드는 테스트되지 않음). // Router..

vuex에서 API에서 데이터를 가져오는 방법 사용자가 제품 페이지를 변경할 때마다 새로운 Ajax 요청이 발생하지 않도록 하기 위해 vuex를 사용하여 서버에서 가져온 일부 데이터를 다른 페이지에 저장하고 싶습니다(헤드리스 전자 상거래입니다). 제 질문은 간단합니다. 가져온 데이터를 저장소에 정의된 어레이에 어떻게 푸시할 수 있습니까?구성 요소의 데이터를 어떻게 가져올 수 있습니까?나는 코드를 작성하고 있지만 내가 잘했는지는 잘 모르겠습니다. import { createStore } from 'vuex' import axios from 'axios' export default createStore({ state: { products: [] }, mutations: { updateProductsData(..

Axios put 요청 문제 현재 블로그를 만들고 있는데 기사 편집 부분에 갇혀 있습니다. 따라서 기사 편집 페이지에서 v-model을 사용하여 vue store에서 데이터를 검색합니다. Save Title v-for 루프에 대해 계산된 속성을 사용합니다. computed: { articles() { return this.$store.state.articles } } 그리고 마지막으로 다음과 같은 공리를 사용하여 API로 데이터를 보냅니다. methods: { submitArticle() { axios.put('http://localhost:4000/articles/:id', { title: article.title, text: article.text, }) .then(function (response)..

vuex 저장소에서 "Uncaught TypeError: 정의되지 않은 속성 'get'을 읽을 수 없음"을 어떻게 해결할 수 있습니까? 내가 노력하면this .$session.get(SessionKeys.Cart)다음과 같은 내 구성요소에서: ... 그건 효과가 있다.세션 카트 가져오기 성공 하지만 이렇게 myvuex 스토어에서 시도해보면, import { set } from 'vue' // initial state const state = { list: {} } // getters const getters = { list: state => state.list } // actions const actions = { addToCart ({ dispatch,commit,state },{data}) { con..

Vuex - 로컬 상태 복사본을 수정하면 변환 오류가 발생함 Vue 앱에서 설명할 수 없는 문제를 발견했습니다.상태의 로컬 복사본을 업데이트할 때 다음 오류가 발생합니다. 오류: [vuex] 변환 핸들러 외부의 vuex 저장소 상태를 변환하지 마십시오. 여기 내 코드에서 수행 중인 작업의 샘플이 있습니다. import { mapGetters } from 'vuex' export default { name: 'sampleComponent', data() { return { userModel: null } }, mounted() { this.userModel = this.user }, computed: { ...mapGetters(['getApplicationUsers']), user() { return J..

vue + typescript에서 mapState 사용 vue를 떠난 지 몇 년 만에 vue+vuex+typescript로 어플리케이션을 작성하고 있습니다.컨셉은 알겠는데 많이 바뀌었어! vuex를 사용하려고 할 때 이상한 문제가 발생했습니다.mapState도우미 기능라는 스토어 모듈을 가지고 있습니다.animationCanvas: import { Module } from 'vuex' import { RootState } from '../types' import { AnimationCanvasState } from './types' const state: AnimationCanvasState = { frames: [], } export const animationCanvas: Module = { stat..

개체 목록에 대한 vuex 저장소를 구성하고 ID를 기반으로 개체 목록에 개별적으로 매핑하는 방법 제 사진 앱에는 촬영 세션 목록이 있으며, 각 세션에는 날짜, 시간, 여러 이미지 등의 메타데이터가 포함되어 있습니다. Vuex 모듈을 작성했습니다.sessionONE 세션의 모든 정보를 저장합니다. const state = { images: [], date: null, photographerId: null } 그러나 실제로는 각각 독자적인 메타데이터와 이미지가 있는 세션을 여러 개 가질 수 있습니다.저는 많은 곳에서 정규화된 가게를 만들어야 한다고 읽었습니다.그래서 내가 상상하는 건 const state = { sessions: { session1: { images: [], date: null, photo..

Quasar의 라우터에 중첩된 자식으로부터의 부모 트리거 메서드(vue) Quasar 프레임워크(vue 3)를 사용하여 라우터에서 네스트된 루트를 사용하여 다음 구조를 얻었습니다. const routes = [ { path: "/", component: () => import("layouts/myLayout.vue"), children: [ { path: "", component: () => import("pages/Main.vue"), children: [ { path: "", component: () => import("components/Sub.vue") } ] } ] } 자녀에게 $emit을 사용하여 다음과 같이 부모에게 전달할 수 있습니다. 마이차일드: this.$emit("myEvent", "..

VueJ: Vue에서 계산된 "set/get"을 사용합니다.드래그 가능 및 VueX "Vue"에 대한 도움을 구하고 있습니다.드래그 가능"둘째 날 드래그 가능 어레이를 올바르게 업데이트하려고 합니다. 과제는 다음과 같습니다. 계산된 설정/가져오기 함수를 사용하여 끌 수 있는 배열 업데이트 상위 항목에 대한 정보와 MySQL의 데이터를 업데이트하기 위한 Axios 함수를 포함한 끌 수 있는 항목 속성을 가져옵니다. 데이터 샘플: { cat1: { authors: [ { name: "Name 1" }, { name: "Name 2" } ] }, cat2: { authors: [ { name: "Name 3" }, { name: "Name 4" } ] } } 렌더링 코드: 내가 하려는 일: 사실, 언급한 공사..

Vuex: 디스패치에서는 약속을 반환하여 체인으로 묶을 수 있습니까? 아직 앱을 코딩하고 있지 않기 때문에 테스트 할 수 없습니다만, 디스패치를 체인으로 하고 싶은 경우는, 디스패치를 동시에 실행할 수 있습니까? 예: this.$store.dispatch('doSomething', { 'url': '/admin/do-something', 'user_id': userId, }) .then(response => { this.$store.dispatch('doSomething2', { 'url': '/admin/do-something-2', 'user_id': userId, }) }) 정답. vuex 설명서에 따르면: 디스패치 dispatch(type: 문자열, 페이로드): any, 옵션? :오브젝트):약속 ..