newsource

Nuxt 가져오기 내에서 Vuex 작업이 "함수가 아님" 방금 내 Nuxt 페이지 중 하나에 오류 처리를 도입했는데, 액션이 매핑되어 내부에서 호출되었습니다.fetcha not function 오류를 발생시킵니다.이 경우,try/catch블록이 없습니다.예상대로 동작하고, 에러는 전혀 없습니다. 다음은 필수 부품까지 분해한 구성 요소입니다. export default { name: 'ViewArticle', async fetch ({ error }) { try { await this.fetchArticle({ articleSlug: this.articleSlug }) } catch (err) { error({ statusCode: 404, message: 'May the force be with you'..

하위 구성 요소와 함께 Vuex를 사용하는 올바른 방법 이전에 VueJ와 Vuex를 사용한 적이 있습니다.제작이 아니라 간단한 개인 프로젝트를 위해 직접 제작했습니다. 그러나 지금은 조금 더 복잡한 문제에 직면해 있지만 Vuex를 사용하는 것은 이미 훨씬 더 복잡하다고 느끼고 있습니다.그래서 저는 여기서 몇 가지 지침을 찾고 있습니다. 메인 뷰에서 사용자에게 카드 목록을 제공합니다.카드는 약 10개의 속성(입력, 선택 등)으로 이루어진 편집 가능한 형식입니다.리스트 뷰에 반복되어 있기 때문에, 이 카드의 컴포넌트를 실장하고 있는 것은 확실합니다.나의 첫 번째 순진한 접근법은 내 가게에서 (폼이라고 부르자) 목록을 가져와v-for해당 양식 목록의 각 양식에 대한 카드를 제시합니다.양식은 하위 구성 요소에 ..

Vue + Vuex를 사용하여 렌더링하기 전에 개체의 속성을 상태로 가져올 수 없습니다. 사용자라는 모듈 상태의 데이터라는 개체를 가진 Vuex 스토어가 있습니다.이 오브젝트는 사용자 ID를 사용자에게 매핑하고 빈 상태로 시작합니다. 다음으로 authorId라는 전달된 속성을 가진 메시지컴포넌트를 렌더링하는 메시지리스트 컴포넌트가 있어요이 메시지는 스토어의 데이터 개체를 검색하여 작성자의 이메일을 수신하기 위한 ID를 사용합니다.찾을 수 없는 경우 서버에서 사용자를 가져오는 작업을 디스패치하고 ID와 사용자를 스토어의 데이터 개체에 추가하는 변환을 커밋합니다.현재 모든 메시지는 동일한 authorId를 가지며 서버 가져오기 로직은 예상대로 작동합니다. 사용자 모듈 state: { data: {} }, m..

npm 빌드 실행 후 vuejs 빈 페이지 서버에 업로드 할 때 vue.js SPA 프로젝트에서 문제가 발생했습니다. npm run dev를 실행하면 정상적으로 동작하지만 npm run build and upload to server를 실행하면 프로젝트에 공백 페이지가 나타납니다.하지만 favicon과 타이틀은 잘 작동한다.npm run build를 실행하면 이 메시지가 나타난다. "팁: 빌드된 파일은 HTTP 서버를 통해 제공됩니다.파일:// 위에 index.html을 열어도 작동하지 않습니다." index.html에서 프로젝트 리소스를 수동으로 참조하면 페이지에 내용이 표시되지만 vue-router가 작동하지 않습니다. 이 문제를 해소할 수 있는 해결책을 제시해 주시면 감사하겠습니다.언급URL : h..

Vuex 중첩 루프, 선택/옵션에서 v-model을 처리하는 방법 응용 프로그램에서 선택 옵션이 포함된 요소 목록을 표시하려면 중첩된 v-for를 사용해야 합니다.이것은 시나리오입니다. Pick an option for this box: {{ package.name }} 변수 항목은 Vuex 스토어에서 가져옵니다.이렇게 하면 다음과 같은 오류가 발생합니다. v-model을 v-for 반복 별칭에 직접 바인딩하는 중입니다.별칭에 쓰는 것은 함수 로컬 변수를 수정하는 것과 같기 때문에 v-for 소스 어레이를 수정할 수 없습니다.개체 어레이를 사용하고 대신 개체 속성에 v-model을 사용하는 것이 좋습니다. 이 점을 염두에 두고 코드를 다음과 같이 변경합니다. Pick an option for this b..

nuxt 앱 내의 Vuex가 "변환 핸들러 외부에 vuex 스토어 상태를 변환하지 않음!"을 슬로우합니다. NUXT 앱에서 vuex 스토어 모듈을 사용하고 있습니다!앱을 실행하고 전화를 걸면 this.$store.dispatch('userStore/setLoggedInUser',currentUser); //default.vue 무한 루프되는 "변환 핸들러 외부의 vuex 스토어 상태를 변환하지 않음"이라는 오류가 표시됩니다. 모듈은 다음과 같습니다. const actions = { setLoggedInUser({commit},currentUser){ return new Promise((resolve,reject)=>{ commit('mutateLoggedInUser',currentUser); resolv..

vuex 상태 돌연변이가 UI를 차단함 webworker에 csv 파일을 로드하고 약 600개의 요소의 청크를 루프 상태로 푸시합니다. mutations: { LOAD_ITEMS: (state, { items }) => { items.forEach(item => { Vue.set(state.items, item.id, item) state.lists.all.push(item.id) state.lists.active.push(item.id) }) } } 타임라인에 따르면 상태에 항목을 추가하는 것은 UI를 차단하는 것입니다.그렇다면 성능 측면에서도 상태 돌연변이를 스스로 관리해야 합니까? 또는 vuex/vue 상태는 약 1000~7000개의 객체로 구성된 데이터셋에 해당되지 않습니까? 언급URL : htt..

VueRouter.beforeEach()에서 Vuex에 액세스할 때 저장소가 정의되지 않음 Vuex 스토어에 접속하려고 합니다.이 문서는 다음과 같습니다. 간단한 오타가 될 거라고 확신하는 일로 아침을 허비했지만, 잊어버렸다.beforeEach() = > {} 본문에 "store is not defined"라고 표시됩니다. Login Form 컴포넌트에서 스토어를 사용하고 있는데 있는 것 같습니다.크롬 디버거의 Vuex 탭에는 원하는 스토어 콘텐츠가 표시됩니다.내가 뭘 잘못하고 있지? 크리티컬 코드에서 컷 앤 페이스트: src/srec/index.displacy import Vue from 'vue' import VueRouter from 'vue-router' import LoginForm from '..

Vuex: 저장 상태를 빈 어레이로 지우는 중 Vuex 스토어 상태:scannedList초기 상태는[]: state: { scannedList: [] } 아이디를 배열로 밀어넣는 돌연변이가 있어요모든 상태를 빈 배열로 되돌리려고 했습니다. store.commit('addToScannedList', []) 하지만 아이디는 여전히 배열 안에 남아있어요이를 실현하는 적절한 방법은 무엇입니까?빈 어레이를 어레이에 푸시해도 지워지지 않습니다.새로운 변이를 만들 수 있습니다. resetScannedList(state) { state.scannedList = []; } 또는 payload를 통과하지 못한 경우 기존 변환에서 삭제 조건을 만들 수 있습니다. addToScannedList(state, item) { if..

Laravel Nova Tool에 Vuex를 추가하는 방법 커스텀 생성 Laravel Nova 툴에 Vuex 스토어를 추가하려면 어떻게 해야 합니까? Medium 토픽에서 이 게시물을 찾았는데, de Tool에 매장이 나타나지 않았습니다.vue 컴포넌트 이 프로젝트에서는 Nova 1.3.2를 사용하고 있습니다.Nova는 이미 Vuex를 사용하고 있으며 기존 스토어에 자체 Vuex 스토어 모듈을 추가할 수 있습니다. 이 내용은 설명서에 나와 있지 않기 때문에 새로운 버전에서도 계속 사용할 수 있을지 모르겠지만, Nova 1.3에서는 효과가 있는 것 같습니다. 다음과 같이 Vuex 모듈을 nova-components/MyTool/resources/js/tool.js에 등록할 수 있습니다. import dat..