copyscript

vuex를 사용하여 어레이 상태를 제어하는 방법은 무엇입니까? vuex로 상태 배열을 읽고 싶습니다. 하지만 그것은 "TypeError: 정의되지 않은 속성 '0'을 읽을 수 없습니다." [0] 오류가 발생한 것 같습니다. 아래에 몇 가지 코드가 있습니다. // the code of index.vue {{ rectangles[0].x }} 여기는 vuex의 가게입니다. export default { state: { rectangles: [ { x: 150, y: 100, width: 100, height: 100, fill: "red", name: "rect1", draggable: true }, { x: 150, y: 150, width: 100, height: 100, fill: "green", na..

Vue에서 동적 v-model 이름 바인딩을 수행하는 방법 Vue2에서는 Vuex 저장소에 저장된 양식 필드에 대한 양방향 데이터 바인딩을 활성화하는 vuex-map-fields를 사용하고 있습니다. 제 지도 필드는 이렇게 생겼습니다. ...mapFields("myModule", { A_grade: "obj.A_grade", B_grade: "obj.B_grade", }), 내 템플릿에 이런 식으로 사용하고 있어요 완벽하게 작동하고 있습니다.유일한 걱정은 내가 이것을 써야 한다는 것입니다.v-select구성 요소를 두 번 누릅니다.그래서 역동적으로 만들기 위해 이런 걸 시도해봤어요. // I want v-model to be resolved as 'A_grade' or 'B_grade' export de..

다음/이전 단추를 클릭하여 진행률 표시줄 전환 다음/이전 버튼을 클릭하여 하단의 진행 표시줄 데이터를 첫 번째/초 원으로 전환하려면 어떻게 해야 합니까?아마 건축물을 바꿔야 할 것 같습니다.앱에 로직을 구현해야 합니까?vue 파일?이제 원을 클릭해도 시각화되는 단계에 따라 녹색으로 변경되지 않습니다.https://codesandbox.io/s/intelligent-jasper-teh1im?file=/src/App.vue 당신이 필요로 하는 모든 것은 이미 거기에 있습니다. 다음과 같이 변경하면 됩니다. 인App.vue 인ProgressBar.vue 그리고 추가합니다.currentStep버팀목 props: { currentStep: { type: Number, required: true } }, 업데이트된..

v-for를 사용하여 구성 요소를 채우는 Vuexgetter 저는 vue2 구성 요소를 만들고 있습니다. vuex를 사용하여store물건.구성 요소는 다음과 같습니다. {{item.id}} 스토어는 프로세스 시작 시 javascript 기본 항목인 Ajax 호출을 통해 채워집니다. new Vue({ store, el: '#app', mounted: function() { this.$http.get('/map/' + this.source_key + '/' + this.destination_key) .then(function (response) { store.commit('populate', response.data) }) .catch(function (error) { console.dir(error); }..

vuejs 앱에서 동적 기본 URL을 설정하려면 어떻게 해야 합니까? vuejs와 php로 앱을 개발하고 싶습니다.예를 들어 다음과 같은 많은 디렉토리에 설치할 수 있습니다. https://example.com/path1/app, https://example2.com/path1/p/app, 각 서브패스에 대해 vuejs 앱을 컴파일하지 않습니다.많이 찾아봤지만 해결 방법이 없네요. vuejs 2에서 vue js 공용 경로를 동적으로 설정하려면 어떻게 해야 합니까?@vue/cli 4.0.5 버전을 사용하고 있습니다.저도 써봤어요. // it works for my angular app 어떻게 하면 역동적으로 할 수 있을까요? 제발 도와주세요.나는 답을 얻었다. 단지 에 대한 공개 경로만 만들면 된다. //..

테스트 실패: Jest + Vue 3 + Vuex + Typescript: TypeError: 정의되지 않은 속성 'then'을 읽을 수 없습니다. Form.vue라고 하는 컴포넌트가 있으며, 이 컴포넌트의 메서드를 트리거하는 버튼이 있으며, 이 컴포넌트에서 스토어 액션을 수행합니다. 디스패치 후에 .then() 함수를 체인으로 하고 싶은데 테스트를 재실행하면 에러:Uncaughed [TypeError: 정의되지 않은 속성 'then'을 읽을 수 없습니다] .then() 블록을 코멘트만 하면 테스트는 통과합니다. -> 이 문제를 해결하려면 어떻게 해야 하는지 알고 계십니까? 폼.vue import { defineComponent } from "vue"; import { AxiosResponse } fro..

Vue의 돌연변이 및 작업이 작동하지 않음 Store 폴더의 Index.js import Vue from "vue"; import Vuex from "vuex"; import state from "../store/state"; import mutations from "../store/mutations"; import actions from "../store/actions"; Vue.use(Vuex); export default new Vuex.Store({ state, mutations, actions, }); State.js /* eslint-disable */ import cats from "../data/cats.js"; import dogs from "../data/dogs.js"; export ..

변환을 방지하기 위해 vuex 상태에서 컬렉션을 복사하는 것이 표준입니까? vue 포럼을 조사해 보니 2년 이상 된 답변이 많이 있습니다만, 이에 대한 구체적인 답변을 얻는 데 어려움을 겪고 있습니다(예시를 단순화하고 있습니다). 상태의 객체 배열이 있다(테이블의 행 데이터) subComponents가 포함된 tableComponents는 데이터를 검색하여 컬렉션의 항목별로 행을 하나씩 만듭니다. 요건은 테이블의 각 행에 입력을 추가해야 하며, 이 행은 rowData에 바인딩되어 있습니다.후우 table Component에는 rowData를 상태에서 가져와 이러한 개체를 새(변경된) 배열에 배치하고 tableComponent 템플릿에 전달하는 계산된 속성이 있습니다. 그런 다음 rowData의 v-모델을..

Express Router 및 vuex 서비스 및 액션을 사용하여 사용자를 추가하는 방법(사후 요청) 제 어플리케이션에서는 모의 API를 만들어 Vuex에서 접속하여 사용하고 있습니다.익스프레스 루트에서는, 투고 요구(사용자 추가)에 관한 에러를 처리하고 있습니다.Vuex 서비스 및 액션에 어떻게 전달해야 하는지 이해할 수 없습니다. 익스프레스 루트js const router = require('express').Router(); // routing entrypoint router.get('/users', (req, res) => { const data = require('./data/users.json'); res.send(data); }); router.post('/users', errorBounda..

Firestore onSnapshot() 메서드가 여러 번 실행됩니다. 여러 경로와 vuex가 있는 vue-cli-4 앱이 있습니다.Firestore 데이터베이스가 성공적으로 연결되었습니다. - 내 앱은 Firestore 콘솔에서 DB에 적용된 수정 사항을 즉시 반영합니다. Firestore와 "동기화된" 컴포넌트가 포함된 루트를 떠난 후 다시 돌아오면 이상한 동작이 발생합니다.이 경우 onSnapshot() 메서드는 Firestore 콘솔에서 데이터를 변경한 후 여러 번 실행됩니다. 루트 이탈 후 매번 Firestore에서 컴포넌트를 "수동으로" 해제해야 하는지 궁금합니다(아마도 destrated() 훅으로). 코드 부분:created() 훅에서 getDataPie 액션을 실행하여 (/pie 루트에 있..