c10106

Nuxt의 Vuex-module-decorator 구문으로 정의된 Vuex 모듈을 vue-test-utils 및 Jest를 사용하여 테스트하는 방법 나는 이 질문에 대한 답을 어디서도 찾을 수 없다. 공식 Nuxt 문서와 기존 Stack Overflow 및 Github 이슈 논의를 거쳤다. AuthModule 구현: @Module({ stateFactory: true, namespaced: true, }) export default class AuthModule extends VuexModule { userData?: UserData | undefined = undefined; prevRouteList: Routes[] = []; error?: services.ICognitoError | undefine..

vuex에서 커밋을 사용하는 가장 좋은 방법은 무엇인가? 나는 프로젝트를 만들기 위해 매일 vue와 vuex를 사용하며, 때때로 http 요청을 할 때 주에 돌연변이를 만들 필요가 없다.나는 다음과 같은 방법을 사용한다. actions:{ theAction({},payload){ // bla bla } } 이렇게 하면 나는 경고를 받을 수 있지만, 나는 그 행동을 할 수 있다.나는 이 경고를 피하기 위해 관찰할 수 있었다. 어떤 사람들은 구성 요소 안에서 이 행동을 만들 것을 권고한다. 왜냐하면 이상적인 것은 국가의 논리를 다루는 것이기 때문에 지루하기 때문이다. 내 질문은, 이런 종류의 행동을 만드는 가장 좋은 방법은 무엇일까?이 수신된 데이터를 많은 구성요소에 사용할 경우 돌연변이를 사용하여 상태로 ..

VueJS 2: VueX를 사용하여 재귀 구성 요소 관리 나는 자녀가 있는 데이터를 반복적으로 관리하기 위해 VueJS 2를 사용한다.데이터 예: { id: 1, name: 'Root', children: [ { id: 2, name: 'Item 1', children: [ { id: 3, name: 'Item 1.1', children: [ ] }, { id: 4, name: 'Item 1.2', children: [ ] } ] }, { id: 5, name: 'Item 2', children: [ { id: 6, name: 'Item 2.1', children: [ { id: 7, name: 'Item 2.1.1', children: [ ] } ] } ] } ] } 이 데이터는 VueX로 관리된다.나..

Vuex 저장소 개체 반복 나는 Vue.js와 Vuex를 처음 접하고 샘플 앱을 사용해 본다.이게 시나리오야 나는 지정된 이름을 키로 하여 객체에 알림을 저장하는 알림 저장 모듈을 가지고 있다. { 'message1': { type: 'info', message: 'This is an info message.', isShown: true, }, 'message2': { type: 'success', message: 'This is a success message.', isShown: true, }, 'message3': { type: 'error', message: 'This is an error message.', isShown: true, } } 그리고 이건 제 Vuex 모듈인데, const stat..

Vue 동작의 모든 예외 포착 때때로 나는 새로운 변수의 이름을 잘못 입력한다.예외가 발생하지만 Vue 작업에서 약속의 컨텍스트에서 코드가 호출되는 경우 이 예외는 콘솔에 기록되지 않는다. Say a Vue 동작이 예외를 발생시키는 약속을 반환함: export const debug = ({}) => { return new Promise((resolve, reject) => { throw 'MyError'; }); } ~할 때dispatch이러한 조치를 호출하면 예외가 침묵되고 콘솔에 로그온되지 않는다.문제를 확실히 보고하는 가장 좋은 방법은 무엇인가? 한 가지 분명한 방법은 a를 추가하는 것이다.catch한 사람 한 사람당dispatch(또는 각 액션에 대해) 오류 로깅을 처리하는 방법: // Each ..

Vuex 돌연변이가 페이로드 데이터를 커밋하지 않음 Vuex 스토어를 사용하는 간단한 VueJS 애플리케이션을 가지고 있다. const store = new Vuex.Store({ state: { organisatie: {} }, mutations: { loadOrganisatie (state, payload) { state.organisatie = payload.organisatie; console.log(payload.organisatie); } } }); 내 구성 요소 중 하나에서 페이지의 다른 구성 요소도 해당 데이터가 필요하기 때문에 조직의 데이터를 저장소에 로드한다. ... created() { axios.get('/get/'+this.$route.params.orgId) .then(respo..

Vuex를 사용하여 값을 설정하고 가져오려면 어떻게 해야 하는가? 나는 Vue는 처음이고 Vuex는 처음 사용하는 거라서 내 부분에 대한 완벽한 오해일 수 있어. 나는 2개의 DatePicker가 있는 페이지가 있는데, 사용자가 값을 선택할 때, 페이지는 웹서비스에 POST를 만드는 다른 페이지로 값을 전달해야 한다.그러기 위해서는 Vuex를 사용해야 한다고 읽어서 노력했는데 Vuex var로 내 var 값을 설정할 수가 없어.여기 제 코드: https://codesandbox.io/s/y0ovmqrqlv 값을 설정하려고 하는 코드(Data.vue에 표시됨)는 다음과 같다. methods: { getDatePrimeiro(primeiraDataPassada) { var dataUm = primeiraDa..

Vue 중첩 v-for, 상위 인덱스 가져오기 나는 내포되어 있다.v-for, 기본적으로 나는 부모님의 색인을 받고 싶다.v-for그리고 그것을 아이 안에 사용한다.v-for # Name {{$parent.$index}} {{branch_users.user.first_name}} {{branch_users.user.last_name}} 나는 사용하려고 노력했다.$parent.$index하지만 여전히 효과가 없어오류는 없지만 데이터도 없다.내가 어떻게 해야 그 물건을 얻을 수 있을까?index내 부모님한테 무슨 일이요?다른 이름으로 다른 인덱스를 정의하거나 첫 번째 인덱스의 이름을parent_index # Name {{parent_index}} {{branch_users.user.first_name}} {..

vue 구성 요소에서 양식을 제출할 때 값 라디오 버튼을 얻는 방법 나는 두 가지 요소를 가지고 있다. 이와 같은 첫 번째 구성 요소: ... Gender ... Submit 첫 번째 구성 요소에서는 폼 입력 구성 요소를 호출한다. 다음과 같은 양식 입력 구성 요소: {{item.label}} 나는 그렇게 패턴을 사용한다.그래서 양식 입력 구성요소는 많은 구성요소에서 사용될 수 있다. 그러나 여기서 나의 문제는: 버튼을 제출할 때 값을 검색할 수 없다는 것이다. 그렇게 노력하지만 그 결과console.log(this.gender)이다null 데이터 이름과 제출 양식을 입력하면 성별이 달라진다. 어떻게 하면 이 문제를 해결할 수 있을까?라디오 박스 및 선택 시@change대신에@input: 라디오에서 값을..