vuex 83

디스패치 메서드가 저장할 변수를 전달하지 않음

디스패치 메서드가 저장할 변수를 전달하지 않음 내 컴포넌트에서 저장소로 변수를 인계하고 싶다.컴포넌트 방법에서는 다음과 같이 기술합니다. methods:{ push(){ let message = "hi" this.$store.dispatch('test', message) } } 다음으로 index.js: actions: { test({dispatch},{test}){ console.log(test) },} 콘솔에는 정의되어 있지 않습니다.디스패치 페이로드가 파괴되지 않는 한message파라미터에는 다음과 같은 필드가 있습니다.test: actions: { test({dispatch},test){ console.log(test) },} 언급URL : https://stackoverflow.com/quest..

programing 2022.08.08

vue-route 변경 시 동적 가져오기 재평가

vue-route 변경 시 동적 가져오기 재평가 여러 웹 사이트를 관리하는 관리 패널을 만들고 있습니다.vue-router 루트에는 모두 Web 사이트 slug가 프리픽스 되어 있으며 라우터 상에 각각1개의 before가 설정되어 있습니다.website_slugvuex 상태가 됩니다. 각 사이트에서는 대부분의 동일한 컴포넌트를 사용하지만 커스텀페이지 컴포넌트를 가진 사이트도 여러 개 있습니다. 이 경우, 저는 다음과 같은 함수를 만들었습니다.importOrDefault다음과 같습니다. const importOrDefault = (componentName, store) => { return import(/* webpackChunkName: "[request]" */ `./Pages/${store.gette..

programing 2022.08.08

vue.js의 저장소에서 가져온 계산된 속성에 대한 설정기

vue.js의 저장소에서 가져온 계산된 속성에 대한 설정기 두 개의 체크박스를 만들고 싶습니다.이 체크박스는store.js다음 폼을 통해 백엔드로 전송합니다. Notify me Email me 값을 계산 속성으로 가져옵니다. computed: { BASE_URL () { return this.$store.state.BASE_URL; }, notification () { return this.$store.state.notification; }, email () { return this.$store.state.email; } } 문제는 체크박스를 켜도 스토어의 값이 변경되지 않고 콘솔에 다음과 같은 경고가 표시된다는 것입니다. vue.esm.js?65d7:479 [Vue warn]: Computed prop..

programing 2022.08.07

Vuex에서 상태 속성을 기준으로 계산하는 올바른 방법은 무엇입니까?

Vuex에서 상태 속성을 기준으로 계산하는 올바른 방법은 무엇입니까? 서로 종속되어 있는 Vuex 속성이 몇 개 있는데 이 속성을 사용하여 계산을 수행하는 가장 좋은 방법을 알고 싶습니다. 예를 들어. 나는 가지고 있다fontSize값이 16인 부동산입니다. state: { fontSize: 16, } 이제 나도 라인을 갖고 싶다.fontSize에 다음 계수를 곱하여 계산되는 높이1.4. 예를 들어 다음과 같이 말할 수 있습니다. getters: { lineHeight: state => state.fontSize * 1.4 } 이것이 올바른 작업 방식입니까?아니면 이러한 계산에는 Vuex 대신 Mixins/새로운 Vue3 컴포지션 API를 사용해야 합니까?네, 공식 문서에 따르면 맞습니다. 경우에 따라서..

programing 2022.08.07

Laravel에서 vue-filemanager 프런트엔드를 커스터마이즈하는 방법

Laravel에서 vue-filemanager 프런트엔드를 커스터마이즈하는 방법 저는 미리 다운로드된 js 파일과 함께 제공되는 https://github.com/alexusmai/laravel-file-manager 패키지를 사용하고 있습니다.또는 https://github.com/alexusmai/vue-laravel-file-manager에서 npm을 통해 vue-component를 직접 사용할 수 있습니다. 단, 어느 모델에서도 프런트엔드는 변경할 수 없습니다.어플리케이션에서 Laravel 파일 매니저를 사용하고 있는데 프런트 엔드를 변경하기 위해 vue 파일을 커스터마이즈하고 싶습니다. 지금까지 시도했던 것: https://github.com/alexusmai/vue-laravel-file-ma..

programing 2022.08.07

혼합 매니페스트가 존재하지 않습니다.

혼합 매니페스트가 존재하지 않습니다. 이 Laravel-Vue SPA 스타터 프로젝트템플릿으로 심플한 larabel 프로젝트를 생성하여 이 프로젝트를 ubuntu 서버에 업로드했습니다.모든 설정 corect.그러나 이 프로젝트를 실행하면 "The mix manifest. (View: /var/www/html/project/resources/views/index.blade.php)"라는 오류가 반환됩니다. 누가 좀 도와주세요 전 라라벨에 새로 왔어요내 생각엔 당신이 공용 폴더에서 당신의 라라벨 파일을 분리했기 때문인 것 같아요. 그리고.public_path()잘못된 경로를 반환합니다. 꼭 시도해 보세요dd(public_path()). 잘못된 경우 index.php 파일의 경로를 수정하고 다음 코드를 추가해..

programing 2022.08.07

VueJS 디스패치 기능의 실행 순서에서 문제가 발생하고 있습니다.

VueJS 디스패치 기능의 실행 순서에서 문제가 발생하고 있습니다. 페이지에 (API에서 취득한) 공지 목록을 표시하려고 합니다.Vuex 스토어를 사용하고 있는데 안내방송이라는 주를 가지고 있습니다.또, 유저가 페이지를 갱신/입력 할 때마다, 이 리스트를 갱신하고 싶다고 생각하고 있습니다.그래서 라이프 사이클 훅, 특히 마운트형()을 사용했습니다.클럽 ID를 파라미터로 하는 디스패치 기능이 있습니다.문제는 Vue 컴포넌트의 아나운스 어레이에 액세스하려고 하면 Vuex 스토어의 버전보다 "단계" 늦게 액세스한다는 것입니다. 다음은 Vue 컴포넌트 Club Details에 있습니다.표시하다 name: "ClubDetails", data(){ console.log("inside data") return { c..

programing 2022.08.03

Vuex4 - 정의되지 않은 속성을 읽을 수 없음('상태' 읽기)

Vuex4 - 정의되지 않은 속성을 읽을 수 없음('상태' 읽기) Vue3 및 Vuex4를 사용하고 있는데 다음 오류가 계속 나타납니다. Uncaught TypeError: Cannot read properties of undefined (reading 'state') at ReactiveEffect.eval [as fn] (App.vue?3dfd:36) at ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160) at ComputedRefImpl.get value [as value] (reactivity.esm-bundler.js?a1e9:1087) at setup (App.vue?3dfd:37) at callWithErrorHandling (runtime-..

programing 2022.08.03

VueX/Vue다른 파일로부터의 콜 변환

VueX/Vue다른 파일로부터의 콜 변환 단일 파일 구성요소가 아닌 다른 파일에서 스토어의 변환을 호출하는 방법을 찾고 있습니다. 이 파일은 API 호출을 할 수 있도록 Axios 설정을 관리하는 역할을 합니다.대행 수신기를 관리했는데 UI에서 알림을 표시하도록 알림 저장소의 상태를 변경하기 위해 변환을 호출하고 싶습니다. import axios from "axios"; import i18n from './i18n'; import Vue from 'vue'; // Define global param object for notification options const options = { type: "danger" }; // Create global Axios instance for CTC Backends..

programing 2022.08.03

Vuex 속성 값을 변환이 아닌 액션 내부에서 설정하는 것이 잘못되었습니까?

Vuex 속성 값을 변환이 아닌 액션 내부에서 설정하는 것이 잘못되었습니까? Vuex 액션은 GET 요청을 한 다음 Vuex 속성 값을 응답으로 설정합니다. async getUserServers({commit, state, dispatch}, userId){ try { let response = await axios.get("/servers/" + userId) state.servers = response.data.servers } catch (error) { console.log(error) } } 보시다시피 저는 상태를 응답에 맞춰 설정하기 위해 변이를 사용하지 않지만, 문서에서 상태 변경은 모두 변이를 통해 이루어져야 한다고 읽었습니다.이렇게 변경해야 할 것 같습니다. async getUserSer..

programing 2022.08.01