반응형

vuex 6

재사용 가능하고 동적인 탭 메뉴를 생성하는 데 사용하는 v-for 내부 구성 요소 사용

재사용 가능하고 동적인 탭 메뉴를 생성하는 데 사용하는 v-for 내부 구성 요소 사용 그래서 Vue 3과 슬롯이 있는 동적 탭 메뉴를 만들려고 합니다.탭이 작동하고 BaseTabWrapper와 BaseTab 구성요소가 있습니다.BaseTabWrapper 구성 요소 내부에서 BaseTab 구성 요소를 사용하여 v-for를 수행할 수 있어야 합니다.다음과 같이: {{ chatSession }} 응답에서 중요한 주의 사항은 들어오는 ChatSessions 개체가 비동기식이며 웹 소켓에서 온다는 것입니다(이 개체가 잘 작동하고 있으며 모든 데이터를 올바르게 가져오는 것은 빈 개체가 아니라는 것을 테스트했습니다). BaseTabsWrapper 템플릿 내부.중요한 부분: {{ title }} 그리고 대본: 다음은..

programing 2023.07.11

Vuex mapState가 계산된 속성을 트리거하지 않음

Vuex mapState가 계산된 속성을 트리거하지 않음 V-Data-Table을 가지고 있습니다.여기에 있는 항목은 계산된 속성에서 가져온 것으로, mapState가 변경될 때 트리거되어야 하지만 트리거되지 않습니다. 목표: 계산된 속성은 Vuex 저장소의 상태가 변경될 때 트리거됩니다. 상태는 버튼으로 호출되는 메서드를 통해 변경됩니다.저장소가 변경된 후에 mapState가 변경됩니다.그런 다음 계산된 속성이 트리거됩니다. 계산된 속성: computed: { TransportItemsFiltered() { return this.TransportItems.filter((i) => { console.log('Filter ausgeführt') return i.show == true; } ); }, .....

programing 2023.07.01

이 구조 Vuex에서 실행 중인 약속을 사용할 수 있는 방법이 있습니까?

이 구조 Vuex에서 실행 중인 약속을 사용할 수 있는 방법이 있습니까? 구성 요소에서 양식 제출 시 실행되는 작업이 있습니다. this.$store.dispatch('registerAction', this.registerData); 또한 이 구성 요소에서 "등록이 성공했습니다"와 같은 메시지를 표시합니다.그것을 위해 나는 나의 재산을 듣고 싶습니다.this.$store.state registerSuccess기본적으로 거짓입니다. registerAction(Vuex) return this.api.registerUser() .then(response => { if(response.success) { return store.dispatch('registerSuccess'); } return store.dis..

programing 2023.07.01

Vuex에서 개체를 올바르게 혼합하고 격리하는 방법

Vuex에서 개체를 올바르게 혼합하고 격리하는 방법 모듈을 사용하여 Vuex용 믹스인을 만들려고 하지만 모듈 내에서 작업이 혼합되고 있습니다. 다음은 SubEvents 모듈입니다. import Form from '../../classes/Form' import * as mutationsMixin from './mixins/mutations.js' import * as actionsMixin from './mixins/actions.js' import * as statesMixin from './mixins/states.js' const state = merge_objects(statesMixin.common, { data: {}, event: null, form: new Form({ name: null,..

programing 2023.06.16

상위 구성 요소를 통해 pinia 저장소 액세스

상위 구성 요소를 통해 pinia 저장소 액세스 나는 udemy에 대한 튜토리얼을 따르고 있습니다.그러나 Vue 2와 Vuex를 사용하는 대신 Vue 3과 Pinia를 사용합니다.거의 효과가 있습니다.작가처럼 고칠 수 없는 것이 하나 있습니다. pinia에서 작업을 삭제하는 클릭 이벤트가 있는 하위 구성 요소를 만들었습니다.문제는 그가 사용한다는 것입니다. @click="$store.dispatch('deleteTask', task.id)" 그리고 하위 구성요소에 있는 vuex 스토어 등을 가져올 필요가 없다고 합니다.그러나 피니아에서 이 작업을 수행하려고 하면 항상 deleteTask가 정의되지 않았습니다.하위 구성 요소에서 저장소를 가져올 때 작동합니다.피니아로 이것이 가능할까요?우리: @click...

programing 2023.06.16

구성 API vue3에서 디스패처 호출

구성 API vue3에서 디스패처 호출 안녕하세요 여러분 제가 전화하는데 어려움을 겪었습니다.dispatchers그리고.getters구성 API in vuex. 아래는 제 가게입니다. // state items: Item[] = []; // getters get getItems(): ComputedRef { return computed(() => this.items); } // mutations @Mutation commitSaveItems(items: Item[]) { this.items = items; } // actions @Action async dispatchGetItems(): Promise { const response: Response = await this.api.getItems(); c..

programing 2023.06.11
반응형