bestcode

창 크기 조정 시 v-navigation이 런어웨이 루프로 떨어짐 먼저, v-navigation-drawer가 의도한 대로 작동한다고 하겠습니다. 햄버거 메뉴를 클릭하면 TOGGLE_DRAWER 변환이 커밋되고 열림/닫힘으로 전환되어 상태가 업데이트됩니다. 창 크기 조정 시 지정된 중단점에서 열림/닫힘 효과가 있습니다. 그러나 창 크기 조정에서는 변환이 제대로 전환되지 않으며 창 크기를 조정할 때 Vuex 변환 오류가 계속 표시됩니다. 이 에러가 발생하는 이유를 알 수 있습니다.$store.state.ui.drawer뮤테이터 외부에서 수정되고 있습니다(v-navigation-matrix의 경우).v-model): v-model에 상태를 바인딩하는 것은 잘못된 형식입니다.하지만 제가 이 노래를 만들려 할 ..

vuejs - 메서드를 통해 계산된 속성 변경 메서드 내의 vue 컴포넌트 내에서 계산된 속성을 조정하려고 합니다.이 속성이 변경될 때 다음 항목을 표시하거나 숨기려고 합니다.div현재 클릭 이벤트를 실행하면 올바른 부울로그가 표시됩니다.set기능하고 있습니다만, 에의 변경은 없습니다.showBanner소품 여기가 내가 있는 곳이야. HTML {{showBanner}} showBanner는 진정으로 계산된 속성이 아니며, 단순히 3진수에서 초기화된 변수입니다.따라서, 당신은 그것을 단지 선언해야 합니다.data소유물. data () { return { showBanner: (this.someConfig.text === localStorage.getItem("gma_alerts_hide")) ? false..

My Vue.js Vuex 스토어에는 GET 요청을 하는 두 가지 작업이 있습니다.두 번째 액션이 작동하려면 첫 번째 액션의 응답이 필요합니다.어떻게 하는 거야? GET 요청을 하고 응답을 Vuex 저장소에 저장하는 작업은 두 가지가 있습니다.첫 번째 액션getVersion()는 게임의 최신 버전을 가져오며 두 번째 GET 요청을 작성하려면 해당 버전이 필요합니다.현재 두 번째 액션에서는 버전을 하드코딩하고 있습니다만, 제 목표는 URL 내에 연결하는 것입니다. 유감스럽게도 기능 내부에서 접속하는 방법을 잘 모르겠습니다.Console.log(상태).version)은 어떤 이유로 null을 반환하지 않아야 하는데 null을 반환합니다.App.vue 내부에서는 이러한 기능을 다음과 같이 부릅니다. mount..

Vuex - getter를 사용할 때와 상태를 사용할 때 최상의 성능을 위해 getter 또는 state를 언제 사용해야 할지 고민하고 있습니다. 코멘트해 주실 수 있는 시나리오를 몇 가지 소개해 드리겠습니다. 시나리오 1 - 액션과 게터의 Getters VS 상태 액션 또는 getter에서 제품 목록을 여러 번 사용하여 결과를 찾는 경우 getters.products 또는 state.products 중 어느 쪽을 사용하시겠습니까? 또, 같은 기능으로 제품을 10회 사용할 필요가 있는 경우, getters.products 또는 state.products에 10회 콜을 할 것인가, 아니면 처음에 변수를 지정하여 10회 사용할 것인가?다른 제품보다 성능이 향상되었습니까? 시나리오 2 - 함수를 반환하는 Ge..

NUXT의 SSR vuex 저장소 vue2+nuxt 응용 프로그램을 개발하고 있으며 vuex+영구 상태 패키지를 사용하고 있습니다.다음 컴포넌트 중 하나에서 상태 부울 변수에 기초한 조건을 가진 div를 표시합니다. .... 모든 것이 정상적으로 동작합니다.this.$store.state.navInfo.navInfotrue 입니다.그렇지 않으면 표시됩니다.또, 리프레시 후에도 동작합니다. 유일하게 해결할 수 없는 문제는 새로고침 후 부울이 false일 때 div가 1초 동안 표시되는 것입니다..2s라고 말하면 사라지지만 너무 빨라서 페이지를 '점핑'할 수 있습니다..nav__topbar폭 100%, 높이 20vh입니다.그래서 잠깐 동안 이 div를 보고는 숨어서 모든 페이지가 올라갑니다. 아주 못생겼죠...

v-tabs-slider가 작동하지 않는 경우 v-tabs-slider를 사용하여 Vuetify하시겠습니까? VueRouter 및 Vuex에서 Vuetify 0.16을 사용하고 있으며 v-if vs-show에서 v-tabs-slider에서 v-tabs를 사용할 때 문제가 발견되었습니다. ... {{tab.icon}} {{tab.name}} activeTab, showTab 및 탭은 vuex 스토어의 getter를 참조하는 계산된 변수입니다. v-show를 사용하는 위의 코드에서는 v-tabs-slider를 포함한 모든 것이 정상적으로 동작합니다.단, showTabs가 false일 경우 탭을 위한 공간(heigh-wise)은 여전히 존재합니다.툴바는 무조건 표시하고 싶지만 루트에 따라 탭 표시를 제어하고 ..

Vuex에서 매개 변수화된 getter - 트리거 udpate 제 Vuex 스토어에는 1,000개의 레코드가 있습니다.파라미터 getItem을 사용하여 ID를 취득하여 올바른 레코드를 반환하는 getter가 있습니다. 데이터가 언제 준비되었는지(모든 레코드의 비동기 페치가 언제 완료되었는지) 알 수 있도록 해당 게터에 액세스하는 구성 요소가 필요합니다. 다만, 파라메타화된 getter이기 때문에, Vue는 갱신 타이밍을 알기 위한 상태를 감시하고 있지 않습니다.어떻게 해야 하나? Angular에서 많이 사용하던 Behavior Subject 패턴으로 되돌리고 싶은데 Vuex + rxJs가 무거워 보이죠? 어떻게든 다시 계산하기 위해 방아쇠를 당겨야 할 것 같아. store.displaces를 설정합니다...

Vuex TypeScript에서 문자열이 업데이트되지 않지만 어레이가 업데이트됨 저는 현재 vue와 함께 일하고 있습니다.저장소에서 배열을 업데이트하고 있지만 문자열이나 부울은 업데이트되지 않습니다. 암호는 다음과 같습니다. 1초마다 문자열을 커밋해도 프런트엔드에 문자열이 표시되지 않음(vuex dev 툴은 상태가 올바르고 콘솔로그는 표시되지 않음) My Store는 다음과 같습니다. const state: State = { cars: [], date: "false", carsCounter: 0, }; 내보내기: const getters = { getCars(state: State) { return state.cars; }, getDate(state: State) { return state.date; }..

Vue JS 이벤트 버스 데이터가 이벤트 범위를 벗어나 작동하지 않음 사용자가 데이터를 업데이트할 때마다 업데이트 data.so에 대한 경고를 표시하기 위해 이벤트 버스를 사용하고 있습니다. 이를 위해 "Data is udpated"라는 경고를 표시하고 싶기 때문에 이벤트 버스를 사용하고 있습니다. 여기 있다BlogEdit.vue이벤트를 실행하는 컴포넌트 app.$router.push('/', () => { vueBus.$emit('showAlertBox') }) 그리고 인BlogList.vue이 이벤트에 참가하고 있습니다. data: function(){ return { showalert: false, } }, vueBus.$on('showAlertBox',(data) => { this.showaler..

Vuex 플러그인을 동적으로 등록하시겠습니까? 플러그인을 vuex에 동적으로 등록하려면 어떻게 해야 합니까?문서에는 모듈 등을 동적으로 등록할 수 있지만 플러그인에 대해서는 등록할 수 없다고 나와 있습니다. 스토어 작성 시 플러그인을 포함하는 방법만 플러그인을 추가할 수 있습니까?나는 희망하고 있었다.store.use(plugin)또는vuex.use(plugin)…Vuex 플러그인은 스토어를 유일한 인수로 수신하는 함수로 구성 중에 스토어 인스턴스에서 호출됩니다. 스토어가 구성된 후 플러그인을 적용하려면 플러그인 함수를 호출하고 스토어 인스턴스를 해당 함수에 전달하기만 하면 됩니다. import Vuex from 'vuex' import Plugin from 'plugin' const store = ne..