반응형

vuex 5

vuex를 사용하여 단방향 바인딩을 구성합니다.

vuex를 사용하여 단방향 바인딩을 구성합니다. 애플리케이션에서 vuex와 2방향 바인딩을 사용합니다. messageContent: { get () { return store.getters.messageContent }, set (value) { store.commit('updateContent', value) } }, Cancel 프로프의 변형이 이미 발생했기 때문에 편집 취소 버튼을 클릭하면: methods: { onCancel () { this.isEdit = !this.isEdit } } 어떻게 롤백합니까? 한 가지 방법이 해결책이라고 생각했지만 vuex를 사용하여 구현하는 방법을 잘 모르겠습니다.이 예와 같은 것이 필요하다고 생각합니다. 오래된 내용이 무엇인지 - 오래된 내용이 무엇인지 - 새로..

programing 2023.06.30

Vuex에서 계산된 속성을 사용하여 돌연변이가 등록되지 않음

Vuex에서 계산된 속성을 사용하여 돌연변이가 등록되지 않음 저는 많은 양식 구성요소를 사용하여 입력된 정보를 기반으로 뷰를 실시간으로 업데이트하는 시스템을 보유하고 있습니다.앱을 처음 구축했을 때는 주로 v-model, 로컬 구성 요소 데이터 및 vue save 상태를 사용하여 데이터를 로컬 스토리지에 보관하여 페이지를 다시 로드할 때 지속되도록 했습니다. 그러나 프로그램이 확장됨에 따라 vuex로 이동했을 때, 이것은 그리 간단하지 않았기 때문에 50개 이상의 입력에 대해 변경 함수에 쓸 필요가 없도록 게터와 세터를 사용하여 계산된 속성을 가진 v-model을 사용하기로 결정했습니다.또한 v-model을 사용하여 다음과 같이 개체에 대한 하나의 계산 변수를 생성하고 해당 개체의 속성을 업데이트할 수 ..

programing 2023.06.25

vuex를 사용하는 다른 구성 요소에서 v-model의 값 변경

vuex를 사용하는 다른 구성 요소에서 v-model의 값 변경 나는 두 가지 구성 요소가 있습니다. 1. 사이드바 탐색 1. 상단의 헤더, 이제 헤더에서 닫기까지 클릭하고 사이드바 탐색 열기 사이드바 코드: 계산에서 나는 헤더 동작에서 업데이트 값을 얻었습니다. computed: { ...mapState([ 'sidebar' ]) }, 이제 나는 가치를 업데이트하고 싶습니다.v-model 'sidebar' 어떻게 해야 하나요? 감사해요.나는 간단한 답을 찾았습니다. 1. 그냥 바꿔주세요.v-model="sidebar"로.:value = "sidebar"사이드바 제거data 계산된 사이드바 추가 computed: { ...mapState([ 'sidebar' ]), }, 머리글에서 작업을 추가합니다. t..

programing 2023.06.25

Vuex에서 404 페이지 표시로 Axios 오류 포착

Vuex에서 404 페이지 표시로 Axios 오류 포착 백엔드용 장고 Rest Framework와 프론트엔드용 Vue 3을 사용하여 앱을 구축하고 있습니다.프로젝트에서 Vuex 및 Vue Router를 사용하고 Axios를 사용하여 Vuex 작업 내에서 API를 사용합니다.하지만 백엔드에서 가져오기가 실패했을 때 404 페이지를 표시하는 방법을 알 수 없었습니다.라우터를 vuex로 가져오고 오류를 감지하는 것과 같은 몇 가지 방법을 시도했습니다.router.push({name: 'notfound'})하지만 효과가 없었습니다.이것을 어떻게 달성할 것인지에 대해 생각이 있으십니까? router/index.js ... { path: '/route/:category', name: 'filteredterms', ..

programing 2023.06.20

Vue 2.6.0으로 업그레이드할 때 "SyntaxError: invalid range in character class"가 표시되는 이유는 무엇입니까?

Vue 2.6.0으로 업그레이드할 때 "SyntaxError: invalid range in character class"가 표시되는 이유는 무엇입니까? vue를 2.6.0으로 업데이트했는데 브라우저 콘솔에 다음 오류 메시지가 표시됩니다. SyntaxError: invalid range in character class vue.runtime.esm.js:495 2b0e/< vue.runtime.esm.js:495 2b0e vue.runtime.esm.js:1 s bootstrap:78 56d7 ExportTable.vue:1:556 s bootstrap:78 [0] bootstrap:151 s bootstrap:78 n bootstrap:45 bootstrap:151 https://mywebsite.co..

programing 2023.06.15
반응형