factcode

vuej + vuex 폼 처리의 올바른 방법은 무엇입니까? 나는 한 페이지에 제출해야 할 큰 양식이 있다. 겉보기엔 이렇게 생겼고 모든 양식 데이터를 저장하는 가게가 있어요사용자가 제출 버튼을 클릭하면 vuex 스토어를 사용하여 모든 양식 데이터를 수집합니다. 문제는 매장에 있는 양식 데이터를 매번 업데이트해야 한다는 것입니다. vue 컴포넌트에서는 이렇게 하겠습니다. watch: { userInput (val) { this.updateState(val) } 폼 데이터(v-model과 함께 적용됨)를 확인하여 입력이 변경될 때 상태를 업데이트합니다. 또는 vuex 문서에 기재되어 있는 것과 같습니다. userInput: { get () { return this.$store.state.userInput }..

Vuejs - vuex 지연 부하 저는 꽤 큰 VueJSPA를 가지고 있는데, 단지 느린 부하를 사용하여 특정 루트에 vuex 모듈을 로드하려고 했을 뿐입니다. 저는 이 기사를 따라했습니다.- https://alexjoverm.github.io/2017/07/16/Lazy-load-in-Vue-using-Webpack-s-code-splitting/ 그러나 vuex에서 오류가 발생합니다. 폴더 구조 root |- store | |- modules | | |- auth.js | | |- module2.js | |- store.js |- app.js auth.displays(인증) const state = { var1: {}, var2: false } const mutations = { 'MUTATION_1..

상태 vuex에서 개체의 어레이를 매핑하려면 어떻게 해야 합니까? 아이템 어레이에 오브젝트가 몇 개 있고, 그 오브젝트에는 어레이가 있습니다.오브젝트 값을 필터링했지만 그 어레이에 있는 어레이는 필터링을 하지 않았습니다만, 어레이를 어떻게 매핑 또는 필터링 할 수 있는지 모르겠습니다.누군가 도와 주실 수 있을까요? vuex 스토어 코드: const store = new Vuex.Store({ state: { count: 0, items: [ { id: 1, name: "Jack", age: 19, favs: ["Football", "Game"] }, { id: 2, name: "Tom", age: 20, favs: ["Basketball", "Swiming"] }, ], }, getters: { filt..

Nuxt.js를 사용할 때 동적 Vuex 모듈을 초기화할 때 가장 적합한 방법은 무엇입니까? 최근에는 다양한 Vuex 모듈을 사용하는 대규모 애플리케이션을 구축하고 있습니다.그 중 하나를 살펴보겠습니다(예:support-chat지원 채팅은 자체 페이지에 있으며, 초기 애플리케이션 로드 시 이 모듈로 스토어를 오염시키는 것은 중복됩니다.이 모듈은 페이지가 로드되면 동적으로 등록하는 것이 목표입니다.이 모듈을 어디에, 언제, 어떻게 등록해야 하는지 묻고 싶습니다. 이 모듈을 에 등록합니다.beforeCreate페이지 구성 요소의 후크: import supportChatModule from '@/vuex/modules/support-chat' // ... beforeCreate() { this.$store.r..

마운트된 상위 구성 요소에서 비동기 메서드가 완료된 후에만 하위 구성 요소 자식 구성 요소를 렌더링하는 부모 구성 요소가 있습니다.비동기 호출(Vuex 액션에서 'get'한 Axios 요청)을 발신하고 있습니다.mounted상위 구성 요소의 하위 구성 요소에 필요한 데이터를 가져옵니다. 비동기 호출이 완료될 때까지 하위 구성 요소의 렌더링을 방지하고 싶습니다.누가 좀 우아한 접근법을 제안해 줄 수 있나요?v-if mydata초기화된 데이터 속성일 수 있습니다.null: data() { return { mydata: null } } 이 값이 입력되면created/mounted,그child컴포넌트가 표시됩니다. async created() { const response = await axios // ... ..

Vuex - 변환 핸들러 외부의 vuex 저장소 상태 변환 안 함 다음 오류가 표시되는 이유: 오류 [vuex] 변환 핸들러 외부의 vuex 저장소 상태를 변환하지 않습니다. 그것은 무엇을 뜻하나요? 편집 입력 파일을 입력하려고 하면 발생합니다. pages/todos/index.vue {{ todo.text }} delete stores/todos.js export const state = () => ({ list: [] }) export const mutations = { add (state, text) { state.list.push({ text: text, done: false }) }, remove (state, todo) { state.list.splice(state.list.indexOf(to..

Vuex 모델 업데이트가 계산된 속성을 다시 로드하지 않음 다음 컴포넌트를 사용하여 배송/픽업 경로의 스톱과 픽업 및 드롭되는 아이템의 수를 신속하게 설정합니다. 그리고 이것은 데이터 모델입니다. 앞의 이미지에서 2는 'a' 옆에 있는 모델입니다. a가 + 또는 - 버튼을 클릭하면 첫 번째 항목에서는 예상대로 동작합니다. 그러나 두 번째 아이템은 예상대로 작동하지 않는다. 이미 오브젝트 속성 업데이트에 대한 몇 가지 게시물을 확인했습니다. 전체 계층에 이벤트 체인을 두지 않고 vue.js의 임의로 중첩된 하위 구성 요소에서 속성을 변환할 수 있습니까? https://forum.vuejs.org/t/nested-props-mutations-hell-internet-need-clarification/9934..

Vuex에서 작업이 완료되면 저장소에서 구성 요소 함수 호출 새 요소가 추가되면 요소 목록이 포함된 div의 맨 아래로 자동으로 스크롤하려고 합니다. API를 사용하여 Axios를 통해 요소 추가 및 삭제가 이루어지기 때문에 Vuex에서 상태를 업데이트하려면 서버로부터의 응답을 기다려야 합니다. 즉, 일단 요소가 내 상태에 추가되면 "scrollDown" 함수를 호출할 때마다 함수가 두 번째 마지막 요소까지 스크롤됩니다(비동기 Axios 호출이 아직 등록되지 않았기 때문입니다). 궁금한 점은 Vuex에서 작업이 완료될 때까지 기다렸다가 컴포넌트의 함수를 호출하여 div의 맨 아래로 스크롤하려면 어떻게 해야 합니까? 감시자를 동원해서 속성을 계산하고 소품을 보내고 Vuex의 실제 상태에서의 변화를 추적해봤..

VueJs의 워치 함수에 관한 2가지 메서드 호출 워치 메서드에서 함수 "getService"와 "getTabs"를 호출해야 합니다.문제는 $route를 변경하기로 결정했을 때 다른 하나는 호출을 받았지만 다른 하나는 호출되지 않았다는 것입니다.내 코드에 문제가 있나요? watch: { $route: "getService", $route: "getTabs" }, 루트가 변경되면 다음 2가지 메서드를 호출할 수 있습니다. watch: { '$route' () { this.getService() this.getTabs() } } 언급URL : https://stackoverflow.com/questions/55177967/call-two-methods-on-watch-function-in-vuejs