반응형

vuex 4

Vue에서 계산된 개체를 변경하는 방법은 무엇입니까?

Vue에서 계산된 개체를 변경하는 방법은 무엇입니까? 월을 간단하게 선택할 수 있습니다. {{ month }} Vuex에 저장된 기본 날짜 개체: computed: { ...mapGetters(['date']), month() { return this.date.format('M') - 1 }, 문제는 내가 몇 달을 바꿀 때month값은 변하지 않습니다...선택 항목의 시각적 월이 변경되었지만 값은 여전히 이전과 동일합니다.그 이유는computed이름에서 알 수 있듯이 속성은 내부에서만 덮어쓸 수 있으며 데이터 저장소에 쓸 수 없습니다.다음 항목을 채우려는 경우monthVueX 저장 및 쓰기 가능성 유지는 다음의 조합으로 작성하는 것이 가장 좋습니다. 망보는 사람date그리고 내부를 업데이트합니다.mont..

programing 2023.07.02

마우스 이동 시 업데이트되는 Vue.js 구성 요소 간의 상태 공유

마우스 이동 시 업데이트되는 Vue.js 구성 요소 간의 상태 공유 Vue.js 앱에는 지도 보기와 상태 표시줄이라는 두 가지 형제 구성 요소가 있습니다.상태 표시줄에는 마우스 포인터의 현재 지리적 좌표가 표시됩니다. 현재 저는mousemove의 이벤트 처리기MapView구성 요소 - 포인터의 지리적 좌표를 계산하여 앱의 Vuex 저장소에 커밋합니다.그StatusBarcomponent는 Vuex 저장소의 값을 표시합니다. 문제는 두 가지입니다. 다음 날짜에 Vuex 스토어에 커밋하는 것이 옳은지 확신할 수 없습니다.mousemove.그mousemove이벤트는 초당 최대 60-100회까지 발생할 수 있습니다.다른 문제 중에서도 이로 인해 Vue devtools 플러그인이 중지됩니다. 지리적 좌표의 계산은 ..

programing 2023.07.02

mocha test vue 템플릿이지만 babel이 'computed:{...mapGetters()}'을(를) 분석할 수 없습니다.

mocha test vue 템플릿이지만 babel이 'computed:{...mapGetters()}'을(를) 분석할 수 없습니다. macho+chai 테스트 값 템플릿을 사용하지만 템플릿의 경우 Vuex like를 사용합니다. ...mapGetters([ 라는 병이 나다 Module build failed (from ./node_modules/babel-loader/lib/index.js): computed:{ > 18 | ...mapGetters(['website', 'isCustomer']) | ^ 19 | }, 나는 성공적으로 완료되기를 원합니다.언급URL : https://stackoverflow.com/questions/74541650/mocha-test-vue-template-but-babe..

programing 2023.06.17

Vuex 저장소로 UI 요소 바인딩

Vuex 저장소로 UI 요소 바인딩 UI 요소(단일 줄 텍스트 상자 또는 '입력' 요소)를 Vuex 저장소와 바인딩하려고 합니다.이 바이올린은 코드를 가지고 있습니다. 그 때.SearchResult구성 요소가 표시되고 자동 업데이트됩니다. 아래의 GIF를 참조하십시오.Lisp또는Prolog입력되었습니다.저는 그런 일이 일어나기를 원하지 않습니다.제가 정말 하고 싶은 것은 UI 상태(즉, 텍스트 상자의 값)를 모델의 상태에서 분리하여 입력하는 것입니다.Lisp검색을 누릅니다.SearchResult구성 요소 업데이트 자체. 이상적으로는 텍스트 상자를 스토어에 없는 변수로 바인딩하는 동시에 스토어의 변경 사항을 관찰할 수 있는 코드를 추가하여 스토어의 변경 사항이 UI에 반영되도록 하고 싶습니다. Vuex에 ..

programing 2023.06.17
반응형