Vuex 5

Vuex 저장소 업데이트가 구성 요소에 다시 렌더링을 적용하지 않음

Vuex 저장소 업데이트가 구성 요소에 다시 렌더링을 적용하지 않음 Vue.js를 TypeScript와 함께 사용하고 있습니다. 내 레포 링크: https://github.com/Am4nzi/ac-vue 이 구성 요소는 다음과 같습니다.Albums.vueiFrame을 렌더링하는 것입니다.iFrame이라는 다른 구성 요소에서 버튼을 클릭할 때 iFrame의 소스 URL을 업데이트하려고 합니다.AlbumsLeft.vue내 스토어 상태에서 다음 속성을 업데이트합니다.albumURL. 제가 안고 있는 문제는 앨범에서 URL을 설정하는 데 사용하는 계산된 속성입니다.스토어의 값이 변경될 때 vue가 iFrame 요소의 URL을 업데이트하지 않습니다. 계산된 속성이 변경 사항을 감지하면 자동으로 업데이트되어야 하는..

programing 2023.07.16

마운트된 수명 주기 후크의 비동기 대기

마운트된 수명 주기 후크의 비동기 대기 마운트된 라이프사이클 후크에서 약속이 해결될 때까지 구성 요소를 기다리지만 구성 요소가 렌더링될 때 데이터가 없기 때문에 "정의되지 않음"으로 계속 표시됩니다. Serve Request {{ chatSession }} 보시는 바와 같이 동적 탭 메뉴를 만들기 위해 웹 소켓을 처리하는 vuex 모듈에서 나오는 컴퓨팅 값 안에서 루프하고 있습니다.여기서 주요 문제는 메인 구성 요소(dataReady)에 플래그가 있더라도 렌더링 시 구성 요소가 비어 있다는 것입니다. 프로세스 웹 소켓 작업이 포함된 웹 소켓 모듈입니다.이 모든 것에 대한 중요한 부분은 코드의 "case 'chat-updated:" 부분 안에 있습니다. export const namespaced = tru..

programing 2023.07.16

Vue.js 및 Vuex this.$store 반환을 새 Vue({store})에 추가한 후 정의되지 않음

Vue.js 및 Vuex this.$store 반환을 새 Vue({store})에 추가한 후 정의되지 않음 여기서 사용 가능한 해결책을 살펴보았지만, 제 상황에 맞는 해결책은 하나도 없는 것 같습니다. Vue.js 및 vuex: 이것.$store가 정의되지 않았습니다. Vuex가 저장합니다.Vue.js 구성 요소에 $store가 정의되지 않았습니다. https://pinoria.com/how-to-fix-this-store-is-undefined-with-vue-js-and-vuex/ 저장 개체를 main.js로 가져왔습니다.기록을 통해 확인했습니다. 내 vue 인스턴스에 스토어를 추가했지만 이를 통해 액세스할 수 없습니다.$내 부품에 저장합니다. Error - Error in v-on handler (..

programing 2023.07.01

vue.항목의 불변적이고 지속적인 위치.

vue.항목의 불변적이고 지속적인 위치. vue.dragable을 사용하여 영구적인 카드 정렬을 시도하고 있습니다. 마운트된 상태에서 주문하는 작업을 아직 수행하지 못했으며 모든 노드의 인덱스를 업데이트하는 데 어려움을 겪고 있습니다. 내가 부를 때마다. ... nodePositionIndex(e) { console.log(e.newIndex) console.log(e.oldIndex) nodeid = e.item.firstChild.firstChild.id nodesort = e.newIndex this.$store.dispatch('sortNode', { nodeid, nodesort }) }, (참고로 드래그 가능한 항목을 노드라고 합니다.) 위는 올바른 newIndex 위치로 올바른 노드를 업데이..

programing 2023.06.21

루트 상태에서 Vuex 모듈에 액세스할 수 없음

루트 상태에서 Vuex 모듈에 액세스할 수 없음 필터 설정을 미리 로드하고 응용 프로그램의 상태를 업데이트하기 위해 Vuex 내부에서 경로의 쿼리 매개 변수를 가져와야 했습니다.이를 가능하게 하기 위해 vuex-router-sync를 설치했습니다. 다음 단계에서는 Vuex와 VueRouter를 동기화했습니다. 라우터: Vue.use(VueRouter); export default new VueRouter({ mode: 'history' }); 스토어: Vue.use(Vuex); export default new Vuex.Store({ modules: { filters: FiltersModule }, plugins: [ FiltersPlugin ] }); 앱의 부트스트랩: const unsync = syn..

programing 2023.06.11